From 9efaf04fe9123f2ab1d76d75f788f4b6e1271510 Mon Sep 17 00:00:00 2001
From: Angel Wang <angel@angelcube.dev>
Date: Mon, 5 Oct 2026 10:20:36 -0400
Subject: [PATCH] feat: standardize font styles

---
 src/styles/index.scss   | 61 +++++++++++++++++++++++++++--------------
 src/styles/journal.scss | 18 ++++++++----
 src/styles/post.scss    |  4 +++
 3 files changed, 57 insertions(+), 26 deletions(-)

diff --git a/src/styles/index.scss b/src/styles/index.scss
index 4b7a253..7decf45 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -106,35 +106,23 @@ section#about {
 
 }
 
-@media (max-width: 850px) {
+@media (max-width: 875px) {
     main {
         margin: 20px;
     }
 
     header {
-        grid-template-columns: 1fr;
-        grid-template-areas: 
-            "image"
-            "title"
-            "nav";
-
         div.title {
-            margin-bottom: 2rem;
             h1 {
                 font-size: 5rem;
             }
         }
 
-        nav {
-            ul {
-                align-items: initial;
-
-                li {
-                    font-size: 1.5rem;
-                }
+        nav ul {
+            li {
+                font-size: 1.5rem;
             }
         }
-
     }
 
     section#about {
@@ -148,9 +136,31 @@ section#about {
     }
 }
 
-@media (max-width: 650px) {
+
+
+@media (max-width: 715px) {
+    main {
+        margin: 20px;
+    }
+
     header {
         margin-bottom: 0;
+
+        grid-template-columns: 1fr;
+        grid-template-areas: 
+            "image"
+            "title"
+            "nav";
+
+        div.title {
+            margin-bottom: 2rem;
+        }
+
+        nav {
+            ul {
+                align-items: initial;
+            }
+        }
     }
 
     section#about {
@@ -171,10 +181,21 @@ section#about {
 
 @media (max-width: 515px) {
     header div.title h1 {
-        font-size: 3.5rem;
+        font-size: 4rem;
     }
 
     section#about article h2 {
-        font-size: 2.5rem;
+        font-size: 2rem;
+    }
+}
+
+@media (max-width: 400px) {
+    header div.title h1 {
+        font-size: 3rem;
     }
-}
\ No newline at end of file
+
+    section#about article h2 {
+        font-size: 2rem;
+    }
+}
+
diff --git a/src/styles/journal.scss b/src/styles/journal.scss
index 97fd6e7..b8117e9 100644
--- a/src/styles/journal.scss
+++ b/src/styles/journal.scss
@@ -27,7 +27,7 @@ header {
         h1 {
             font-family: var(--font-heading);
             font-weight: 300;
-            font-size: 4.75rem;
+            font-size: 6rem;
             line-height: 1;
             letter-spacing: -0.08em;
         }
@@ -41,7 +41,7 @@ header {
 
 h2 {
     font-family: var(--font-heading);
-    font-size: 3rem;
+    font-size: 4rem;
     font-weight: 350;
     line-height: 0.9;
     letter-spacing: -0.04em;
@@ -89,6 +89,14 @@ ul.post-list {
     header {
         grid-template-columns: 1fr;
         grid-template-rows: auto;
+
+        div.title h1 {
+            font-size: 4rem;
+        }
+    }
+
+    h2 {
+        font-size: 2rem;
     }
 
     ul.post-list {
@@ -111,13 +119,11 @@ ul.post-list {
             }
             
             a {
-                font-size: 1.5rem;
+                font-size: 1.25rem;
             }
         }
         
         grid-template-columns: 1fr;
         grid-template-rows: auto;
     }
-}
-
-
+}
\ No newline at end of file
diff --git a/src/styles/post.scss b/src/styles/post.scss
index 00f3e9a..933a831 100644
--- a/src/styles/post.scss
+++ b/src/styles/post.scss
@@ -159,6 +159,10 @@ article {
                 "heading"
                 "published-date-meta"
                 "updated-date-meta";
+
+            div.heading h1 {
+                font-size: 3.5rem;
+            }
         }
     }
 
-- 
2.51.2