rendered a simple non-functional menu/navbar

4 files changed, 37 insertions, 5 deletions

diff --git a/src/styles/_themes.sass b/src/styles/_themes.sass
new file mode 100644
index 0000000..66a16fc
--- /dev/null
+++ b/src/styles/_themes.sass
@@ -0,0 +1,17 @@
+@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');
+
+/* Experimental color scheme */
+$defBG: #FFFFFF;
+$altBG: lightgray;
+$defFG: #000000;
+$altFG: #232627;
+$defLink: brown;
+$altLink: brown;
+
+$defShadow: 2px 0px 4px #232627;
+
+$bodyPadding: 0;
+$bodyMargin: 0;
+
+$defFont: 'Quicksand', sans-serif;
+
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 0000000..099c3de
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,8 @@
+@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap");
+* {
+  font-family: "Quicksand", sans-serif; }
+
+body {
+  color: #FFFFFF;
+  padding: 0;
+  margin: 0; }
diff --git a/src/styles/global.scss b/src/styles/global.scss
new file mode 100644
index 0000000..703efb8
--- /dev/null
+++ b/src/styles/global.scss
@@ -0,0 +1,12 @@
+@import "themes";
+
+* {
+	font-family: $defFont
+}
+
+body {
+	background-color: $defBG;
+	color: $defFG;
+	padding: $bodyPadding;
+	margin: $bodyMargin;
+}
diff --git a/src/styles/header.scss b/src/styles/header.scss
deleted file mode 100644
index 5071b5e..0000000
--- a/src/styles/header.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-$bgColor: lightgray;
-
-#header {
-	background-color: $bgColor;
-}