Played around with forms

2 files changed, 18 insertions, 7 deletions

diff --git a/src/components/Header/Header.css b/src/components/Header/Header.css
index dd320ea..5dc483d 100644
--- a/src/components/Header/Header.css
+++ b/src/components/Header/Header.css
@@ -1,5 +1,17 @@
 @import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap");
 /* Experimental color scheme */
+/* light theme */
+/* 
+$defBG: #FFFFFF;
+$altBG: lightgray;
+$defFG: #000000;
+$altFG: #232627;
+$defLink: brown;
+$altLink: brown;
+
+$defShadow: 0px 0px 4px #232627;
+*/
+/* Inspired by Dracula */
 .header {
   display: flex;
   flex-direction: row;
@@ -7,12 +19,12 @@
   align-items: center;
   justify-content: space-between;
   position: static;
-  margin: none;
+  margin: 0 0 1.5rem 0;
   padding: none;
   width: 100%;
   height: 5rem;
-  background-color: lightgray;
-  box-shadow: 2px 0px 4px #232627; }
+  background-color: #383A59;
+  box-shadow: 0px 4px 4px #383A59; }
 
 .header div {
   margin: auto 1rem; }
@@ -20,7 +32,7 @@
 nav a {
   text-decoration: none;
   padding: 0.3rem;
-  color: brown; }
+  color: #F2F2F2; }
 
 .placeholder {
   width: 5rem;
@@ -30,4 +42,4 @@ nav a {
   display: inline-block; }
 
 p, h1, h2, h3, h4, h5, h6 {
-  color: #000000; }
+  color: #F2F2F2; }
diff --git a/src/components/Header/Header.scss b/src/components/Header/Header.scss
index e9242dd..cebc2cc 100644
--- a/src/components/Header/Header.scss
+++ b/src/components/Header/Header.scss
@@ -7,12 +7,11 @@
 	align-items: center;
 	justify-content: space-between;
 	position: static;
-	margin: none;
+	margin: 0 0 1.5rem 0;
 	padding: none;
 	width: 100%;
 	height: 5rem;
 	background-color: $altBG;
-
 	box-shadow: $defShadow;
 }