5 files changed, 50 insertions, 29 deletions
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;
 }
diff --git a/src/layouts/Layout.astro b/src/layouts/Default.astro
index 23e3efb..9cbaf7a 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Default.astro
@@ -24,41 +24,19 @@ import Navbar from '../components/Navbar.astro';
 	<Navbar />
 		<slot />
 	<footer>
-		<p>&copy; Copyright 2018-2024</p>
+		<p>&copy; Copyright 2018-2024, Andrew Lee</p>
 	</footer>
 	</body>
 </html>
 <style is:global>
-	:root {
-		--accent: 136, 58, 234;
-		--accent-light: 224, 204, 250;
-		--accent-dark: 49, 10, 101;
-		--accent-gradient: linear-gradient(
-			45deg,
-			rgb(var(--accent)),
-			rgb(var(--accent-light)) 30%,
-			white 60%
-		);
-	}
 	html {
+		margin: 0;
+		padding: 0;
 		font-family: "Exo 2", system-ui, sans-serif;
 		background: #1B291F;
 		color: #FFFFFF;
 	}
 
-	.home {
-		text-align: center;
-	}
-
-	.avatar {
-		border-radius: 50%;
-	}
-
-	h1 {
-		font-weight: 500;
-		font-size: 2.3rem;
-	}
-
 	footer {
 		text-align: center;
 		font-size: 1.3em;
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 9f15d62..bb8e3a9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,6 +1,7 @@
 ---
-import Layout from '../layouts/Layout.astro';
+import Layout from '../layouts/Default.astro';
 import { Image } from 'astro:assets';
+import './index.css';
 ---
 
 <Layout title="Andrew Lee">
diff --git a/src/pages/index.css b/src/pages/index.css
new file mode 100644
index 0000000..d242483
--- /dev/null
+++ b/src/pages/index.css
@@ -0,0 +1,12 @@
+.home {
+    text-align: center;
+}
+
+.avatar {
+    border-radius: 50%;
+}
+
+h1 {
+    font-weight: 500;
+    font-size: 2.3rem;
+}