WIP

full/style.css

@@ -5,9 +5,9 @@
   box-sizing: border-box;
 }
 
-/* * { */
+* {
-/*   margin: 0; */
+  margin: 0;
-/* } */
+}
 
 @media (prefers-reduced-motion: no-preference) {
   html {
@@ -73,6 +73,11 @@ h6 {
 
 /* https://smolweb.org/subset.html */
 /* structural */
+body {
+  margin: 0 auto;
+  max-width: max(768px, 50vw);
+}
+
 html {
   /* respect user font choices */
   font-size: 100%;
@@ -81,11 +86,24 @@ html {
 
 /* semantic */
 header strong {
+  margin: 0.5rem;
   font-size: 1.6rem;
 }
 
 footer {
   font-size: 0.9rem;
+
+  p {
+    margin: 0.5rem;
+  }
+}
+
+main {
+  margin: 0 1rem;
+}
+
+nav {
+  margin: 0.5rem;
 }
 
 
@@ -102,6 +120,10 @@ h3 {
   font-size: 1.2rem;
 }
 
+p {
+  margin: 1rem 0;
+}
+
 /* hypertextual */
 /* listing */
 /* forms */