Improved design

assets/css/style.css

@@ -30,19 +30,19 @@ body {
     display: flex;
 }
 
+.top-border {
+    position: absolute;
+    border-top: 6px solid #1e1f1d;
+    top: 0;
+    right: 0;
+    left: 0;
+}
+
 .top-logo {
     position: absolute;
     top: 0;
-    left: 0;
+    left: 5rem;
-    border: 0;
+    height: 50px;
-    width: 180px;
-    transition: left .1s ease-in-out, opacity .1s ease-in-out;
-    z-index: 999;
-    opacity: .8
-}
-
-.top-logo:hover {
-    opacity: 1
 }
 
 .logo {
@@ -91,6 +91,12 @@ body {
     }
 }
 
+@media screen and (max-width:600px) {
+    .top-logo {
+        left: 1rem;
+    }
+}
+
 .cover {
     padding: 0 1.5rem;
     margin-top: 3rem;
@@ -359,6 +365,11 @@ a:hover {
         background-color: #1e1f1d;
     }
 
+    .top-border {
+        border-top: 7px solid #e1e0e2;
+
+    }
+
     .top-logo {
         filter: invert(100%);
     }