diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte
index b28d98e..4ad9f25 100644
--- a/src/lib/components/navbar.svelte
+++ b/src/lib/components/navbar.svelte
@@ -17,4 +17,43 @@
 		<a href="/#contact" class="big">Contact</a>
 		<a href="/posts" class="big">Blog</a>
 	</Bar>
-</div>
\ No newline at end of file
+</div>
+
+<style>
+	@media (max-width: 570px) {
+		.bar .big {
+			display: none;
+		}
+	}
+    
+	.bar {
+		position: -webkit-sticky; /* Safari */
+		position: sticky;
+		top: 0;
+		left: 0;
+		z-index: 99;
+		/*width: calc(100vw - 15px);*/
+		max-width: 1920px;
+		margin: 0 auto 30px auto;
+		background: rgba(255,255,255, 0.2);
+		backdrop-filter: blur(10px);
+	}
+	@media (max-width: 400px) {
+		.bar {
+			width: 100vw;
+		}
+	}
+	.dark.bar {
+		background: rgba(28, 28, 33, 0.2);
+	}
+	.bar h3 {
+		font-size: 18px;
+		font-weight: bold;
+	}
+	.bar a {
+		color: #202020b2;
+	}
+	.dark.bar a {
+		color: rgba(191, 191, 191, 0.698);
+	}
+</style>
\ No newline at end of file
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 5cb3c3d..452bcf1 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -241,11 +241,6 @@
 		margin: 0 min(50px, 5%) 0 min(50px, 5%);
 		width: calc(100% - min(100px, 10%));
 	}
-	@media (max-width: 570px) {
-		.bar .big {
-			display: none;
-		}
-	}
 	.projects, .bottombar {
 		max-width: 1380px;
 	}
@@ -356,30 +351,6 @@
 		margin-inline-start: 40px;
 		margin-inline-end: 40px;
 	}
-	.bar {
-		position: -webkit-sticky; /* Safari */
-		position: sticky;
-		top: 0;
-		left: 0;
-		z-index: 99;
-		/*width: calc(100vw - 15px);*/
-		max-width: 1920px;
-		margin: 0 auto 30px auto;
-		background: rgba(255,255,255, 0.2);
-		backdrop-filter: blur(10px);
-	}
-	@media (max-width: 400px) {
-		.bar {
-			width: 100vw;
-		}
-	}
-	.dark.bar {
-		background: rgba(28, 28, 33, 0.2);
-	}
-	.bar h3 {
-		font-size: 18px;
-		font-weight: bold;
-	}
 	h1, h3 {
 		color: #282B29;
 	}
@@ -398,10 +369,4 @@
 		font-size: 29px;
 		font-weight: 400;
 	}
-	.bar a {
-		color: #202020b2;
-	}
-	.dark.bar a {
-		color: rgba(191, 191, 191, 0.698);
-	}
 </style>