diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index cfb2d91..e79fe3f 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -1,16 +1,6 @@
-<nav id="nav-container" aria-label="a navigation bar with links">
+<nav aria-label="a navigation bar with links">
 	<a href="/">Home</a>
 	<a href="/blog">Blog</a>
 	<a href="/projects">Projects</a>
 	<a href="/friends">Friends</a>
 </nav>
-
-<style>
-	#nav-container {
-		display: flex;
-		flex-direction: row;
-		justify-content: center;
-		flex-wrap: wrap;
-		gap: 20px;
-	}
-</style>
diff --git a/src/styles/global.css b/src/styles/global.css
index 33cc5e9..38f124a 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -82,3 +82,12 @@ hr {
 hr {
 	border: 1px solid;
 }
+
+nav {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	flex-wrap: wrap;
+	gap: 20px;
+	padding-top: 10px;
+}