Align hamburger menu for mobile

styles/main.css

@@ -25,7 +25,7 @@ a {
     text-decoration:none;
 }
 
-header nav {
+header {
     border-top:.2rem solid #187795;
     box-shadow:0 .4rem .4rem 0 rgba(0,0,0,.04);
     border-bottom:.1rem solid #eff0f3;
@@ -77,11 +77,16 @@ header nav .mobile-menu-close {
 }
 
 @media only screen and (max-width: 500px) {
+    header nav {
+        margin-top: 0.5rem;
+        margin-bottom: 0.5rem;
+    }
+
     header nav .mobile-menu-open {
+        font-family:monospace;    
         display:block;
         position:absolute;
         right:1rem;
-        top:0.65rem;
         font-size:1.5rem;
         cursor:pointer;
     }
@@ -91,29 +96,17 @@ header nav .mobile-menu-close {
     }
 
     header nav.active .mobile-menu-close {
+        font-family:monospace;    
         display:block;
         position:absolute;
         right:1rem;
-        top:0.5rem;
         font-size:1.5rem;
         cursor:pointer;
     }
 
-    header nav.active .mobile-menu {
-        animation-duration:1s;
-        animation-name:rotate90;
-        animation-fill-mode:forwards;
+    header nav.active .mobile-menu-close span {
     }
 
-    @keyframes rotate90 {
-        from {
-            transform:rotate(0deg);
-        }
-
-        to {
-            transform:rotate(90deg);
-        }
-    }
 
     header nav ul li {
         display:none;
@@ -122,6 +115,11 @@ header nav .mobile-menu-close {
     header nav.active ul li {
         display:block;
         font-size:1.2rem;
+        padding:0.2rem;
+    }
+
+    header nav.active ul li:nth-child(2) {
+        padding-top:1rem;
     }
 
     header nav ul li.title {
@@ -129,8 +127,7 @@ header nav .mobile-menu-close {
     }
 
     header nav ul li.title {
-        display:block;
-        margin-bottom:0.5rem;
+        display:inline;
     }
 }