From fd8b0ad2d01966f6421ab70f9a39e872a31fffc9 Mon Sep 17 00:00:00 2001
From: Jonas Martinez <36544012+jonas-martinez@users.noreply.github.com>
Date: Sun, 7 Jul 2024 16:03:35 +0200
Subject: [PATCH] fix: Bigger fonts on computer screen (#4)

---
 css/home.css | 39 +++++++++++++++++++++++++++++++++++----
 1 file changed, 35 insertions(+), 4 deletions(-)

diff --git a/css/home.css b/css/home.css
index 23c2bb0..8431dbe 100644
--- a/css/home.css
+++ b/css/home.css
@@ -125,10 +125,6 @@ body>section:first-of-type {
 
     text-align: center;
 
-    &>div>p {
-        font-size: 16px;
-    }
-
     &>div>.text-bold {
         font-size: 24px;
         font-weight: bold;
@@ -166,4 +162,39 @@ body>section:nth-of-type(2) {
             }
         }
     }
+}
+
+@media screen and (min-width: 1024px) {
+    p {
+        font-size: 1.25rem;
+    }
+    
+    .button-primary {
+        font-size: 1rem;
+    }
+
+    body>nav>a>img {
+        width: 50px;
+    }
+
+    body>nav>div>label>img {
+        width: 25px;
+    }
+
+    body>section:first-of-type {
+        &>img {
+            width: 150px;
+            border-radius: 75px;
+        }
+
+        &>div>.text-bold {
+            font-size: 1.875rem;
+        }
+    }
+
+    body>section:nth-of-type(2) {
+        &>p {
+            font-size: 1.875rem;
+        }
+    }
 }
\ No newline at end of file