From 2fdcb7c79e8333c0fa9c14e34da5eaebe96e32b4 Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <vidhukant@vidhukant.com>
Date: Wed, 30 Aug 2023 01:06:39 +0530
Subject: first commit

---
 css/styles.scss | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 css/styles.scss

(limited to 'css/styles.scss')

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);
+}
-- 
cgit v1.2.3