Refactor Navbar and index styles, and update content

2 files changed, 23 insertions, 16 deletions

diff --git a/src/styles/Navbar.css b/src/styles/Navbar.css
index 8c239e0..e17decd 100644
--- a/src/styles/Navbar.css
+++ b/src/styles/Navbar.css
@@ -10,21 +10,14 @@ ul.nav-list {
     display: flex;
     flex-direction: row;
     justify-content: center;
+    gap: 4vh;
 }
 
-li.nav-links {
-    margin: 0 1rem;
-}
-
-
 a.nav-link {
-    font-size: 1.2rem;
-    text-decoration: none;
-    color: #FFFFFF;
+    font-size: 2vh;
 }
 
 a.nav-link:hover {
-    font-weight: 500;
     color: #9ECD9D;
     transition: ease-in-out 0.1s;
 }
diff --git a/src/styles/index.css b/src/styles/index.css
index ddc1fc6..17d6a52 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -1,4 +1,6 @@
 .home {
+    display: flex;
+    flex-direction: column;
     text-align: center;
 }
 
@@ -8,6 +10,9 @@
 
 h1 {
     font-weight: 500;
+}
+
+#title {
     font-size: 4vh;
 }
 
@@ -20,11 +25,6 @@ h2 {
     line-height: 0.4;
 }
 
-h3 {
-    font-weight: 300;
-    font-size: 1.2rem;
-}
-
 .social {
     display: flex;
     flex-direction: row;
@@ -33,6 +33,20 @@ h3 {
     gap: 7vh;
 }
 
-.social-links {
-    color: #FFFFFF;
+.email-contact {
+    font-weight: 300;
+    font-size: 2.2vh;
+}
+
+.infobox {
+    display: flex;
+    flex-direction: column;
+    gap: 2vh;
+}
+
+.about {
+    padding: 1vw;
+    text-align: left;
+    background: #3B513B;
+    border-radius: 20px;
 }