diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index 8fd9d55..c0be3f9 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -1,7 +1,24 @@
 <script lang="ts">
-	export let segment: string;
+	import Navbar from "../components/Navbar.svelte";
 </script>
 
+<Navbar />
+
 <main>
-	<slot></slot>
-</main>
\ No newline at end of file
+	<slot />
+</main>
+
+<style lang="scss">
+	:global(body) {
+		background-color: hsl(236, 10%, 5%);
+		font-family: monospace, "Courier New";
+		color: hsl(30, 20%, 90%);
+	}
+	main {
+		display: flex;
+		flex-direction: column;
+		padding: 0.75em;
+		padding-top: 4.67em;
+		min-height: calc(100% - 5.42em);
+	}
+</style>
diff --git a/src/template.html b/src/template.html
index 1ba86ae..391e4a8 100644
--- a/src/template.html
+++ b/src/template.html
@@ -3,6 +3,15 @@
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
+		<style>
+			html,
+			body,
+			div#sapper {
+				margin: 0;
+				padding: 0;
+				height: 100%;
+			}
+		</style>
 
 		%sapper.base% %sapper.scripts% %sapper.styles% %sapper.head%
 	</head>
