Some more minification

- Use ect to shrink PNGs
- Use some CSS shorthands I didn't know about before.

assets/css/main.css

@@ -18,8 +18,7 @@
  */
 
 body {
-	font: 16px sans-serif;
+	font: 16px/1.5rem sans-serif;
-	line-height: 1.5rem;
 	margin: auto;
 	max-width: 50rem;
 	padding: 0 5%;
@@ -52,8 +51,8 @@ nav li {
 	margin-bottom: 0.5rem;
 }
 
-/* single-line nav on widescreen, multi-line nav on narrow screens */
+/* single-line nav o4 widescreen, multi-line nav on narrow screens */
-@media (min-width: 28rem) {
+@media (min-width: 24rem) {
 	nav li {
 		display: inline;
 	}

assets/p/merveilles_ring.svg

@@ -1 +0,0 @@
-<svg fill="none" height="300" stroke="#000" stroke-linecap="square" stroke-width="28" width="300" xmlns="http://www.w3.org/2000/svg"><path d="M201.962 210a60 60 0 10-103.924-60l-50 86.603"/><path d="M98.038 210a60 60 0 10103.924-60l-50-86.603"/><path d="M150 120a60 60 0 100 120h100"/></svg>

assets/p/merveilles_ring_dark.svg

@@ -1 +0,0 @@
-<svg fill="none" height="300" stroke="#fff" stroke-linecap="square" stroke-width="28" width="300" xmlns="http://www.w3.org/2000/svg"><path d="M201.962 210a60 60 0 10-103.924-60l-50 86.603"/><path d="M98.038 210a60 60 0 10103.924-60l-50-86.603"/><path d="M150 120a60 60 0 100 120h100"/></svg>