finish css overhaul

src/styles/code.scss

@@ -17,6 +17,10 @@ code {
     font-family: 'Hack', monospace;
 }
 
+pre[class*="language-"] {
+    line-height: 1.25;
+}
+
 pre > code[class*="language-"] {
     font-size: 0.75em;
     font-family: 'Hack', monospace;

src/styles/main.scss

@@ -11,8 +11,10 @@
 
 :root {
     --content-size: 1.25rem;
-    --content-line-height: 1.3;
+    --content-size-sm: 1rem;
+    // --content-line-height: 1.3;
     --content-width: 52.5rem;
+    --content-padding: 0.65rem;
     --content-color: #1e1e1e;
     --content-color-faded: #555;
     --accent-color: hsl(0deg, 92%, 29%);
@@ -21,7 +23,7 @@
 body {
     font-family: 'Tajawal', sans-serif;
     font-size: var(--content-size);
-    line-height: var(--content-line-height);
+    // line-height: var(--content-line-height);
     letter-spacing: -0.005em;
     color: var(--content-color);
 }

src/styles/prose.scss

@@ -1,39 +1,33 @@
-@font-face {
-    font-family: 'Baskerville';
-    font-style: normal;
-    font-weight: 400;
-    src: url(/Baskerville-Regular.woff2) format('woff2');
-    font-display: block;
-}
+.prose {
+    h1, h2, h3, h4, h5, h6 {
+        font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif;
+        font-weight: 600;
+        color: #464646;
+    }
 
-h1, h2, h3, h4, h5, h6 {
-    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif;
-    font-weight: 600;
-    color: #464646;
-}
+    h1 {
+        margin-top: 0.5em;
+        font-size: 2em;
+        font-variant:  petite-caps;
+    }
 
-h1 {
-    margin-top: 0.5em;
-    font-size: 2em;
-    font-variant:  petite-caps;
-}
+    h2 {
+        font-size: 1.5em;
+    }
 
-h2 {
-    font-size: 1.5em;
-}
+    h3 {
+        font-size: 1.2em;
+    }
 
-h3 {
-    font-size: 1.2em;
-}
+    h4 {
+        font-size: 1.1em;
+    }
 
-h4 {
-    font-size: 1.1em;
-}
+    h1, h2, h3, h4 {
+        margin-bottom: 0.5em;
+    }
 
-h1, h2, h3, h4 {
-    margin-bottom: 0.5em;
-}
-
-p {
-    margin-bottom: 0.8em;
+    p {
+        margin-bottom: 0.8em;
+    }
 }