fix: Bigger fonts on computer screen (#4)

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;
+        }
+    }
 }