From e53bddfc71d70eb9f2b7a2910b4b191bc43088ab Mon Sep 17 00:00:00 2001
From: Jakob Stendahl <jakobste@uio.no>
Date: Tue, 13 Oct 2020 20:28:52 +0200
Subject: First commit

---
 src/routes/_layout.svelte | 54 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 src/routes/_layout.svelte

(limited to 'src/routes/_layout.svelte')

diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
new file mode 100644
index 0000000..bab4188
--- /dev/null
+++ b/src/routes/_layout.svelte
@@ -0,0 +1,54 @@
+<script lang="ts">
+</script>
+
+<style>
+    .app-container  {
+        font-family: Roboto, sans-serif;
+        font-size: 1rem;
+        letter-spacing: 0.05em;
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        padding: 0;
+        --bg-opacity: 1;
+        background-color: #1a202c;
+        background-color: rgba(26, 32, 44, var(--bg-opacity));
+        background-size: cover;
+        background-repeat: no-repeat;
+        background-position: center;
+    }
+
+    @media (min-width: 640px) {
+        .app-container  {
+            border-radius: 1rem;
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+            font-family: Roboto, sans-serif;
+            font-size: 1rem;
+            letter-spacing: 0.05em;
+            height: 100%;
+            background-size: cover;
+            background-repeat: no-repeat;
+            background-position: center;
+            width: 375px;
+            height: 812px;
+        }
+    }
+
+    .menu-button {
+        position: relative;
+        top: .25rem;
+        left: .75rem;
+        color: #ffffff;
+        font-size: 1.5rem;
+
+    }
+
+</style>
+
+<div class="app-container">
+    <!-- <div class="menu-button">
+        <i class="fas fa-bars"></i>
+    </div> -->
+
+    <slot></slot>
+</div>
-- 
cgit v1.2.3

