Adding current working progress to hashmap for dynamic routes.

theme/header.scss

@@ -0,0 +1,14 @@
+header {
+  background: var(--blue);
+  padding: 20px;
+
+  #site-name {
+    font-family: var(--secondary-font);
+    font-size: 2rem;
+    letter-spacing: 1px;
+  }
+
+  a {
+    color: var(--background);
+  }
+}

theme/headings.scss

@@ -0,0 +1,36 @@
+h1, h2, h3, h4, h5, h6 {
+  font-family:  var(--primary-font);
+}
+
+h1 {
+  font-size: 3rem;
+  font-weight: 700;
+
+}
+
+h2 {
+  font-size: 2.5rem;
+  font-weight: 700;
+}
+
+h3 {
+  font-size: 2rem;
+  font-weight: 500;  
+}
+
+h4 {
+  font-size: 1.5rem;
+  font-weight: 500;  
+
+}
+
+h5 {
+  font-size: 1.2rem;
+  font-weight: 500;  
+
+}
+
+h6 {
+  font-size: 1rem;
+  font-weight: 500;
+}

theme/styles.scss

@@ -1,9 +1,19 @@
+@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Anton&family=Bebas+Neue&display=swap');
+@import "variables";
 @import "reset";
+@import "header";
+@import "headings";
 
 body {
-  background: orange;
+  background: var(--background);
+  color: var(--primary-text);
+  padding: 20px;
+  font-size: 1.2rem;
 }
 
+
+
 img {
   max-width: 100%;
   display: block;

theme/variables.scss

@@ -0,0 +1,14 @@
+// Color Scheme
+:root {
+  --blue: #002D62;
+  --red: #C8102E;
+  --green: #4CAF50;
+  --background: #F5F5F5;
+  --primary-text: #1A1A1A;
+  --secondary-text: #555555;
+  --success: #2E8B57;
+  --warning: #FFA500;
+  --error: #D72638;
+  --primary-font: "Bebas Neue", sans-serif;
+  --secondary-font: "Anton", sans-serif;
+}