diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 705a7a5..bb5aa60 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -7,4 +7,17 @@
 
 <svelte:head><link rel="icon" href={favicon} /></svelte:head>
 
+<div class="header goldman align-center flex h-15 w-full">
+	<a
+		class="align-text-middle mx-3 my-1 h-auto content-center rounded-sm border-2 border-solid border-red-500 px-2"
+		href="/">home</a
+	>
+</div>
+
 {@render children()}
+
+<style>
+	.header {
+		background-color: var(--ctp-mocha-crust);
+	}
+</style>