From 171510ebfcef89c1af4301d9613a7770e7da2154 Mon Sep 17 00:00:00 2001
From: dertyp7 <dertyp7@tealfire.de>
Date: Sat, 13 Jan 2024 17:55:24 +0100
Subject: [PATCH] Update font sizes for responsive design

---
 src/styles/index.scss | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/styles/index.scss b/src/styles/index.scss
index c30754d..ee2722b 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -33,9 +33,13 @@ h1 {
 		font-size: 6rem;
 	}
 
-	@media screen and (max-width: 480px) {
+	@media screen and (max-width: 670px) {
 		font-size: 4rem;
 	}
+
+	@media screen and (max-width: 480px) {
+		font-size: 3rem;
+	}
 }
 
 h2 {
@@ -46,8 +50,12 @@ h2 {
 		font-size: 3rem;
 	}
 
+	@media screen and (max-width: 670px) {
+		font-size: 2.5rem;
+	}
+
 	@media screen and (max-width: 480px) {
-		font-size: 2rem;
+		font-size: 1.5rem;
 	}
 }