src/routes/+layout.svelte

@@ -11,7 +11,7 @@
 <!-- Homepage has its own navbar with animations -->
 {#if $page.url.pathname != "/"}
 	<div id="layout">
-		<div id="navbar">
+		<div id="nav">
 			<Navbar />
 			<slot name="header" />
 		</div>
@@ -58,7 +58,7 @@
 		width: min(100vw, max(50vw, 100vh));
 		grid-area: content;
 	}
-	#navbar {
+	#nav {
 		align-self: right;
 		padding-left: 10px;
 		grid-area: nav;

src/routes/Navbar.svelte

@@ -35,7 +35,8 @@
 		display: flex;
 		flex-direction: column;
 		align-items: flex-end;
-		justify-content: between;
+		position: sticky;
+		top: 0;
 	}
 	@media (max-width: 700px) {
 		#navbar {