From 5391b4a7b69c7fea5df6fa658c67ec683a94cea3 Mon Sep 17 00:00:00 2001
From: Mathias Magnusson <mathias@magnusson.space>
Date: Mon, 25 Aug 2025 14:58:08 +0200
Subject: Fix header font on mobile

---
 style.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 327d962..ba4bea3 100644
--- a/style.css
+++ b/style.css
@@ -29,13 +29,19 @@ body {
 header section {
     padding-block: 0.6em;
     text-align: center;
-    font-size: 48px;
+    font-size: 32px;
     background-color: var(--green);
     display: grid;
     place-items: center;
     color: var(--beige);
 }
 
+@media (min-width: 500px) {
+    header section {
+        font-size: 48px;
+    }
+}
+
 header nav {
     display: flex;
     justify-content: center;
-- 
cgit v1.2.3