1 files changed, 31 insertions, 0 deletions
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
new file mode 100644
index 0000000..7772574
--- /dev/null
+++ b/src/routes/+layout.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+  import Header from './Header.svelte';
+  import './styles.scss';
+</script>
+
+<div class="app">
+  <Header>
+    <main>
+      <slot />
+    </main>
+  </Header>
+</div>
+
+<style>
+  .app {
+    display: flex;
+    flex-direction: column;
+  }
+
+  main {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    padding: 1rem;
+      padding-top: 4em;
+    width: 100%;
+    max-width: 64rem;
+    margin: 0 auto;
+    box-sizing: border-box;
+  }
+</style>