Improve CSS spacing and font

full/style.css

@@ -5,9 +5,9 @@
   box-sizing: border-box;
 }
 
-/* * { */
+* {
-/*   margin: 0; */
+  margin: 0;
-/* } */
+}
 
 @media (prefers-reduced-motion: no-preference) {
   html {
@@ -68,11 +68,18 @@ h6 {
   color-scheme: light dark;
   --text: light-dark(#000000, #FFFFFF);
   --bg: light-dark(#FFFFFF, #000000);
+
+  font-family: sans-serif;
 }
 
 
 /* https://smolweb.org/subset.html */
 /* structural */
+body {
+  margin: 0 auto;
+  max-width: max(768px, 100ch);
+}
+
 html {
   /* respect user font choices */
   font-size: 100%;
@@ -81,11 +88,24 @@ html {
 
 /* semantic */
 header strong {
+  margin: 0.5rem;
   font-size: 1.6rem;
 }
 
 footer {
   font-size: 0.9rem;
+
+  p {
+    margin: 0.5rem;
+  }
+}
+
+main {
+  margin: 1rem;
+}
+
+nav {
+  margin: 0.5rem;
 }
 
 
@@ -102,6 +122,10 @@ h3 {
   font-size: 1.2rem;
 }
 
+p {
+  margin: 1rem 0;
+}
+
 /* hypertextual */
 /* listing */
 /* forms */