added background color to header

Author: Ricecoder

src/scss/_common.scss

@@ -1,24 +1,38 @@
-.menu-icon {
-  position: relative;
-  display: inline-block;
-  width: 7vw;
-  text-indent: -999px;
-  float: right;
+header {
+  background-color: teal;
 
-}
+  h1 {
+    text-align: center;
+    color: #fff;
+  }
 
-.border {
-  height: 30px;
-  border-top: 10px solid blue;
-  border-bottom: 10px solid blue;
-}
 
-.border::before {
-  content: "";
-  position: absolute;
-  top: 10px;
-  left: 0;
-  width: 100%;
-  border-top: 10px solid blue;
+
+  .menu-icon {
+    position: relative;
+    display: inline-block;
+    width: 7vw;
+    text-indent: -999px;
+    float: right;
+
+  }
+
+  .border {
+    height: 30px;
+    border-top: 10px solid blue;
+    border-bottom: 10px solid blue;
+    border-radius: 5%;
+  }
+
+  .border::before {
+    content: "";
+    position: absolute;
+    top: 10px;
+    left: 0;
+    width: 100%;
+    border-top: 10px solid blue;
+    border-radius: 5%;
+
+  }
 
 }