From 9735f3bd1d8f823402814116464f1e3ae344e3e9 Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Tue, 2 Jan 2024 01:35:01 -0500
Subject: Starting to take shape

---
 src/components/Navbar.astro |  4 ++--
 src/components/Navbar.css   | 32 +++++++++++++++++++++++++++++++-
 2 files changed, 33 insertions(+), 3 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 6cf958a..17da17d 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -3,7 +3,7 @@ import "./Navbar.css"
 ---
 <nav>
     <ul>
-        <li>Home</li>
-        <li>Projects</li>
+        <li><a href="#">Home</a></li>
+        <li><a href="#">Projects</a></li>
     </ul>
 </nav>
diff --git a/src/components/Navbar.css b/src/components/Navbar.css
index d92fbbc..5987d16 100644
--- a/src/components/Navbar.css
+++ b/src/components/Navbar.css
@@ -1,3 +1,33 @@
 nav {
-    text-align: center;
+    font-weight: 300;
+    padding-top: 20px;
+    padding-bottom: 30px;
+}
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+}
+
+li {
+    margin: 0 1rem;
+}
+
+a {
+    font-size: 1.2rem;
+    text-decoration: none;
+    color: #FFFFFF;
+}
+
+a:hover {
+    font-weight: 500;
+    color: #9ECD9D;
+    transition: ease-in-out 0.1s;
+}
+
+a:active {
+    color: #609460;
 }
-- 
cgit v1.2.3