Finished first part of homepage

2 files changed, 9 insertions, 8 deletions

diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 17da17d..a838438 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -2,8 +2,8 @@
 import "./Navbar.css"
 ---
 <nav>
-    <ul>
-        <li><a href="#">Home</a></li>
-        <li><a href="#">Projects</a></li>
+    <ul class="nav-list">
+        <li class="nav-links"><a href="/" class="nav-link">Home</a></li>
+        <li class="nav-links"><a href="#" class="nav-link">Projects</a></li>
     </ul>
 </nav>
diff --git a/src/components/Navbar.css b/src/components/Navbar.css
index 5987d16..7b1a334 100644
--- a/src/components/Navbar.css
+++ b/src/components/Navbar.css
@@ -3,7 +3,7 @@ nav {
     padding-top: 20px;
     padding-bottom: 30px;
 }
-ul {
+ul.nav-list {
     list-style-type: none;
     margin: 0;
     padding: 0;
@@ -12,22 +12,23 @@ ul {
     justify-content: center;
 }
 
-li {
+li.nav-links {
     margin: 0 1rem;
 }
 
-a {
+
+a.nav-link {
     font-size: 1.2rem;
     text-decoration: none;
     color: #FFFFFF;
 }
 
-a:hover {
+a.nav-link:hover {
     font-weight: 500;
     color: #9ECD9D;
     transition: ease-in-out 0.1s;
 }
 
-a:active {
+a.nav-link:active {
     color: #609460;
 }