Update font sizes and padding in Default layout and Navbar

3 files changed, 14 insertions, 23 deletions

diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro
index 08ed4fb..ecc4e2e 100644
--- a/src/layouts/Default.astro
+++ b/src/layouts/Default.astro
@@ -42,7 +42,7 @@ import Navbar from '../components/Navbar.astro';
 
 	footer {
 		text-align: center;
-		font-size: 2.4vh;
+		font-size: 1.3em;
 	}
 
 	h1, h2, h3, h4, h5, h6 {
@@ -50,7 +50,7 @@ import Navbar from '../components/Navbar.astro';
 	}
 
 	h2 {
-		font-size: 2.5vh;
+		font-size: 1.5em;
 	}
 
 	a {
diff --git a/src/styles/Navbar.css b/src/styles/Navbar.css
index 9dbf797..ee4801f 100644
--- a/src/styles/Navbar.css
+++ b/src/styles/Navbar.css
@@ -1,7 +1,7 @@
 nav {
     font-weight: 300;
-    padding-top: 2vh;
-    padding-bottom: 4.5vh;
+    padding-top: 1.5em;
+    padding-bottom: 2.2em;
 }
 ul.nav-list {
     list-style-type: none;
@@ -10,11 +10,11 @@ ul.nav-list {
     display: flex;
     flex-direction: row;
     justify-content: center;
-    gap: 4vh;
+    gap: 2.2em;
 }
 
 a.nav-link {
-    font-size: 2vh;
+    font-size: 1.1em;
 }
 
 a.nav-link:hover {
@@ -26,14 +26,6 @@ a.nav-link:active {
     color: #609460;
 }
 
-@media (max-width: 768px) {
-    ul.nav-list {
-        flex-direction: column;
-        align-items: center;
-        gap: 2vh;
-    }
-}
-
 .nav-toggle {
     background: transparent;
     border: none;
@@ -72,11 +64,10 @@ a.nav-link:active {
         padding: 20px;
     }
 
-
     ul.nav-list {
         flex-direction: column;
         align-items: center;
-        gap: 2vh;
+        gap: 1em;
         display: none;
     }
 
@@ -96,4 +87,4 @@ a.nav-link:active {
     .nav-list.show a.nav-link {
         animation: fadeIn 0.5s ease-in-out forwards;
     }
-}
+}
\ No newline at end of file
diff --git a/src/styles/index.css b/src/styles/index.css
index 9f383cd..57dc562 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -9,7 +9,7 @@
 }
 
 #title {
-    font-size: 4vh;
+    font-size: 2.3em;
 }
 
 ul {
@@ -29,13 +29,13 @@ p {
     display: flex;
     flex-direction: row;
     justify-content: center;
-    font-size: 6vh;
-    gap: 7vh;
+    font-size: 3.2em;
+    gap: 1.4em;
 }
 
 .email-contact {
     font-weight: 300;
-    font-size: 2.2vh;
+    font-size: 1.2em;
 }
 
 .information {
@@ -65,8 +65,8 @@ p {
 /* Mobile view */
 @media (max-width: 768px) {
     .social {
-        font-size: 5vh;
-        gap: 3vh;
+        font-size: 2.6em;
+        gap: 1em;
     }
 
     .information {