Colour Scheme

src/components/Header/Header.js

@@ -15,7 +15,7 @@ const Header = ({ ChangePage, CurrentPage, Resume }) => {
           />
         ))}
       </ul>
-      <button className="btn btn-primary btn-sm col-1">About Us</button>
+      <button className="btn btn-sm col-1">About Us</button>
     </nav>
   );
 };

src/styles/App.scss

@@ -1,6 +1,6 @@
 body {
   font-family: "Montserrat", sans-serif;
-  background-color: #e0e8e5;
+  background-color: #ECE9E1;
   @import "utils";
   @import "header";
   @import "main";

src/styles/_header.scss

@@ -1,5 +1,5 @@
 .navbar {
-  background-color: #003100;
+  background-color: #000000;
   margin-bottom: 50px;
   @include box-shadow(3px, 0.25);
   &-brand {
@@ -13,3 +13,12 @@
     outline: none;
   }
 }
+
+.navbar .btn {
+  background: #B29155;
+  color: #000;
+  font-weight: 500;
+}
+.navbar .btn:focus {
+  box-shadow: none;
+}