blog and header progress

src/css/header.scss

@@ -2,6 +2,7 @@
   padding: 1rem 2rem;
   background: $color-black;
   display: flex;
+  justify-content: space-between;
 }
 
 .logo {
@@ -15,11 +16,16 @@
 
 .site-nav {
   display: block;
-  height: 100%;
   a {
     text-decoration: none;
     display: inline-block;
-    vertical-align: middle;
-    margin-right: 1rem;
+    margin-right: 1.6rem;
+
+    color: $color-white;
+    font-weight: 500;
+
+    &:hover {
+      color: $color-orange;
+    }
   }
 }