first commit

1 files changed, 42 insertions, 0 deletions

diff --git a/css/styles.scss b/css/styles.scss
new file mode 100644
index 0000000..900d4a5
--- /dev/null
+++ b/css/styles.scss
@@ -0,0 +1,42 @@
+// font import
+// TODO: serve font yourself
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap');
+
+@import "navbar";
+@import "menu_page";
+
+:root {
+    --body-bg: #282a36;
+    --body-fg: #f8f8f8;
+
+    --nav-bg: #383a59;
+    --nav-fg: #f8f8f8;
+    --nav-height: 4rem;
+
+    --link-fg: #bd93f9;
+
+    --main-padding: 0.7rem;
+}
+
+html, body {
+    height: 100%;
+    margin: 0;
+}
+
+* {
+    font-family: 'Open Sans', sans-serif;
+    box-sizing: border-box;
+}
+
+body {
+    background-color: var(--body-bg);
+    color: var(--body-fg);
+}
+
+main {
+    width: 100%;
+    max-width: 1500px;
+    margin: 0 auto;
+    min-height: calc(100vh - var(--nav-height));
+    padding: var(--main-padding);
+}