small css video fix

static/css/project.css

@@ -1,4 +1,5 @@
-html, body {
+html,
+body {
 	margin: 0;
 	box-sizing: border-box;
 }
@@ -48,8 +49,6 @@ nav .return:hover{
 	color: var(--accent);
 }
 
-
-
 .project--header {
 	position: relative;
 	height: 100vh;
@@ -67,7 +66,6 @@ nav .return:hover{
 	width: 100%;
 	height: 100%;
 	margin: 0 auto;
-    
 }
 
 .header--cover img {
@@ -107,14 +105,11 @@ nav .return:hover{
 	grid-gap: 8px;
 
 	pointer-events: none;
-    
-    
 }
 
 .header--links a {
 	background-color: white;
 	pointer-events: all;
-    
 }
 
 .header--categories {
@@ -128,23 +123,13 @@ nav .return:hover{
 }
 
 .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, div, code, pre, ul, ol, h3 {
+.project--content p,
+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,13 +163,9 @@ nav .return:hover{
 .project--content p img {
 	width: 100%;
 	height: auto;
-    
-    
 }
 
-
 @media (max-width: 991.98px) {
- 
 	nav {
 		padding: 0;
 	}
@@ -213,7 +200,9 @@ 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;
@@ -222,16 +211,15 @@ nav .return:hover{
 		transform: none !important;
 		left: auto;
 		top: auto;
-        
 	}
 
 	h1.header--title {
 		margin: 0 var(--app-margin);
 		transform: none !important;
-        
 	}
 
-        .header--categories, .header--links {
+	.header--categories,
+	.header--links {
 		display: flex;
 		justify-content: flex-start;
 		flex-wrap: wrap;
@@ -239,17 +227,12 @@ nav .return:hover{
 		grid-gap: 8px;
 	}
 
-    
 	.header--categories .tag {
 		padding: 0 4px;
 		position: relative;
 		transform: none !important;
 	}
 
-    
-    
-
-    
 	.project--content {
 		display: block;
 	}
@@ -257,13 +240,9 @@ nav .return:hover{
 	code {
 		white-space: pre-wrap;
 	}
-    
-    
-    
 }
 
 @media print {
-    
 	nav {
 		position: absolute !important;
 		top: 0;