small css video fix

static/css/project.css

@@ -1,5 +1,6 @@
-html, body {
+html,
-margin: 0;
+body {
+	margin: 0;
 	box-sizing: border-box;
 }
 
@@ -12,8 +13,8 @@ nav {
 	background-color: white;
 }
 
-nav a::after{
+nav a::after {
-display: none;
+	display: none;
 }
 
 nav .content-wrapper {
@@ -23,34 +24,32 @@ nav .content-wrapper {
 }
 
 .content-wrapper {
-display: flex;
+	display: flex;
-justify-content: stretch;
+	justify-content: stretch;
 }
 
 .content-wrapper > * {
-flex: 1;
+	flex: 1;
 	margin: 0;
 }
 
 nav .date {
-text-align: right;
+	text-align: right;
 }
 
 nav .title {
-text-align: center;
+	text-align: center;
 }
 
 code {
-background-color: white;
+	background-color: white;
 }
 
-nav .return:hover{
+nav .return:hover {
 	color: var(--accent);
 }
 
-
+.project--header {
-
-.project--header{
 	position: relative;
 	height: 100vh;
 	background-color: var(--accent);
@@ -67,7 +66,6 @@ nav .return:hover{
 	width: 100%;
 	height: 100%;
 	margin: 0 auto;
-    
 }
 
 .header--cover img {
@@ -86,7 +84,7 @@ nav .return:hover{
 
 	top: 50%;
 	left: 50%;
-/*     transform: translate(-50%,-50%); */
+	/*     transform: translate(-50%,-50%); */
 	text-align: center;
 }
 
@@ -107,14 +105,11 @@ nav .return:hover{
 	grid-gap: 8px;
 
 	pointer-events: none;
-    
-    
 }
 
 .header--links a {
 	background-color: white;
 	pointer-events: all;
-    
 }
 
 .header--categories {
@@ -124,27 +119,17 @@ nav .return:hover{
 	width: 100%;
 	height: calc(100% - 32px);
 	z-index: 50;
-/*     pointer-events: none; */
+	/*     pointer-events: none; */
 }
 
 .header--categories .tag {
-    
-
-
 	padding: 0 4px;
 	background-color: white;
 	border-left-width: 6px;
 	border-left-style: solid;
-    border-left-color: #D5DDE8;
+	border-left-color: #d5dde8;
-
 }
 
-
-
-
-
-
-
 .project--content {
 	padding: 0 var(--app-margin);
 	max-width: var(--content-width);
@@ -159,12 +144,18 @@ nav .return:hover{
 	grid-column: 1 / span 3;
 }
 
-
+.project--content p,
-.project--content p, div, code, pre, ul, ol, h3 {
+div,
+code,
+pre,
+ul,
+ol,
+h3,
+video {
 	grid-column: 4 / span 5;
 }
 
-.project--content > video, .project--content > img {
+.project--content > img {
 	grid-column: 1 / -1;
 	margin: 32px 0;
 }
@@ -172,14 +163,10 @@ nav .return:hover{
 .project--content p img {
 	width: 100%;
 	height: auto;
-    
-    
 }
 
-
 @media (max-width: 991.98px) {
- 
+	nav {
-    nav{
 		padding: 0;
 	}
 
@@ -213,25 +200,26 @@ nav .return:hover{
 		min-height: 100vh;
 	}
 
-    .header--title, .header--categories, .header--links  {
+	.header--title,
+	.header--categories,
+	.header--links {
 		font-size: 1rem;
 		position: relative;
 		width: auto;
 		margin: 0;
 		padding: var(--app-margin);
-        transform: none!important;
+		transform: none !important;
 		left: auto;
 		top: auto;
-        
 	}
 
 	h1.header--title {
 		margin: 0 var(--app-margin);
-        transform: none!important;
+		transform: none !important;
-        
 	}
 
-        .header--categories, .header--links {
+	.header--categories,
+	.header--links {
 		display: flex;
 		justify-content: flex-start;
 		flex-wrap: wrap;
@@ -239,42 +227,33 @@ nav .return:hover{
 		grid-gap: 8px;
 	}
 
-    
 	.header--categories .tag {
 		padding: 0 4px;
 		position: relative;
-        transform: none!important;
+		transform: none !important;
 	}
 
-    
+	.project--content {
-    
-
-    
-    .project--content{ 
 		display: block;
 	}
 
 	code {
 		white-space: pre-wrap;
 	}
-    
-    
-    
 }
 
 @media print {
-    
 	nav {
-        position: absolute!important;
+		position: absolute !important;
 		top: 0;
 		left: 0;
 	}
 
 	main {
-        padding: 1rem!important;
+		padding: 1rem !important;
 	}
 
 	.return {
-        display: none!important;
+		display: none !important;
 	}
 }