From 2f3a32e28d6916eb3bbb9d551976fd820a6ad18d Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Sun, 25 Sep 2022 08:50:17 -0700
Subject: [PATCH] Move a smattering of tags from main.css to root.css: h*, img,
 p, pre

---
 static/styles/main.css | 30 ------------------------------
 static/styles/root.css | 18 ++++++++++++++++++
 2 files changed, 18 insertions(+), 30 deletions(-)

diff --git a/static/styles/main.css b/static/styles/main.css
index 3ccc27b..cc3fa41 100644
--- a/static/styles/main.css
+++ b/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;
diff --git a/static/styles/root.css b/static/styles/root.css
index 56e3fae..442f3da 100644
--- a/static/styles/root.css
+++ b/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; }