Move a smattering of tags from main.css to root.css: h*, img, p, pre

static/styles/main.css

@@ -46,36 +46,6 @@ figure.bordered {
     border: 2px solid #eee;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    font-family: 'SF Pro Rounded', ui-rounded, 'Arial Rounded MT', system-ui, -apple-system, sans-serif;
-    /*font-family: Palatino, Rockwell, Courier;*/
-    font-weight: 600;
-    letter-spacing: 2px;
-}
-
-html {
-    font-family: 'SF Pro', sans-serif;
-    font-size: 8px;
-}
-
-img {
-    height: auto;
-    max-width: 100%;
-}
-
-p {
-    line-height: 1.4;
-}
-
-pre {
-    margin-bottom: 0;
-}
-
 .header,
 .footer {
     padding: 2rem 0;

static/styles/root.css

@@ -186,6 +186,11 @@ h1.site {
 
 h1.site * { color: inherit; }
 
+h1, h2, h3, h4, h5, h6 {
+    font-weight: 600;
+    letter-spacing: 0.08em;
+}
+
 header.site {
     display: flex;
     left: 0;
@@ -253,6 +258,11 @@ header.site .grid nav:last-of-type {
     justify-content: end;
 }
 
+img {
+    height: auto;
+    max-width: 100%;
+}
+
 nav.site {
     align-items: center;
     display: flex;
@@ -284,9 +294,17 @@ nav.bulleted li::before {
     margin-inline-end: 0.5em;
 }
 
+p {
+    letter-spacing: 0.025em;
+    line-height: 1.4;
+}
 p { margin-block-end: 1em; }
 p:last-child { margin-block-end: 0; }
 
+pre {
+    margin-block-bottom: 1em;
+}
+
 /** HELPER CLASSES **/
 
 .centered { text-align: center; }