X-Git-Url: https://git.bts.cx/cx.git/blobdiff_plain/85fe5bf672260a88151fa02d1d6d224762edd6a2..4bc737101aae3cd991523e6e0f803147b5ddb97d:/public/design/css/style.css

diff --git a/public/design/css/style.css b/public/design/css/style.css
index a09110f..1c70b7b 100644
--- a/public/design/css/style.css
+++ b/public/design/css/style.css
@@ -12,6 +12,7 @@
 /* Layout */
 
 body {
+	background: #fcfcfc;
 	display: flex;
 	flex-direction: column;
 	min-height: 100vh;
@@ -30,10 +31,6 @@ body > * {
 	margin-right: auto;
 }
 
-header {
-	margin-bottom: 8vh;
-}
-
 header h1 {
 	font-size: 2em;
 }
@@ -43,6 +40,15 @@ header h1 a {
 	text-decoration: none;
 }
 
+header p {
+	font-size: 0.8em;
+}
+
+nav {
+	margin-top: 2vh;
+	margin-bottom: 4vh;
+}
+
 nav ul {
 	list-style: none;
 	display: flex;
@@ -131,6 +137,11 @@ a {
 	text-underline-offset: 0.08em;
 }
 
+a:hover {
+	background-color: navy;
+	color: #fcfcfc;
+}
+
 a:focus {
 	outline: 1px solid currentColor;
 	outline-offset: 0.2em;
@@ -142,15 +153,22 @@ article + article {
 	padding-top: var(--layout-spacing);
 }
 
-article img {
+article img:not(a *) {
 	display: block;
 	width: 100%;
-	min-height: 20rem;
-	max-height: 40vh;
+	aspect-ratio: 640 / 360;
+	/*min-height: 20rem;
+	max-height: 40vh;*/
 	object-fit: cover;
 	margin: 0 auto 1rem !important;
 }
 
+article iframe {
+	display: block;
+	width: 100%;
+	aspect-ratio: 640 / 360;
+}
+
 /*@supports (aspect-ratio: 1) {
 	article img {
 		max-height: unset;