adds header styling

src/style/_header.scss

@@ -0,0 +1,32 @@
+#nav-container {
+    width: 90%;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: -1.875em;
+}
+
+@import "navbar";
+
+header {
+    #hero-container {
+        display: flex;
+        flex-direction: column;
+        flex-wrap: nowrap;
+        align-items: center;
+        background-color: #0f4d8b;
+        color: #ffffff;
+        padding-bottom: 2.5em;
+
+        #hero-img {
+            svg {
+                path {
+                    fill: #ffffff !important;
+                }
+            }
+        }
+
+        #hero-text {
+            text-align: center;
+        }
+    }
+}