initial commit

src/routes/__layout.svelte

@@ -0,0 +1,42 @@
+<style>
+    :global(main) {
+        max-width: 42rem;
+        margin: 0 auto;
+    }
+
+    #header {
+        background-color: #4f5f68;
+    }
+
+    #nav-main {
+        max-width: 30rem;
+        margin:  0 auto;
+        display:  grid;
+        grid-template-columns:  1fr 1fr 1fr;
+        column-gap: 40px;
+    }
+
+    #nav-main a {
+        font-size: 1.5rem;
+        color:  white;
+        text-decoration: none;
+        text-align: center;
+        padding:  6px 0;
+    }
+
+    #nav-main a:hover {
+        background-color: #00000025;
+    }
+</style>
+
+<div id="header">
+    <nav id="nav-main">
+        <a href="/">Home</a>
+        <a href="/posts">Posts</a>
+        <a href="/about">About</a>
+    </nav>
+</div>
+
+<main>
+    <slot></slot>
+</main>