Mobile css improvements

static/styles.css

@@ -83,6 +83,7 @@ main {
   display: inline-flex;
   align-items: center;
   font-weight: 600;
+  margin: 0.2em 0;
 }
 
 .header-nav {
@@ -124,8 +125,8 @@ a:hover {
 }
 
 .nav-img {
-  width: 2em;
   height: 2em;
+  width: auto;
   margin-right: 0.3em;
 }
 
@@ -316,16 +317,21 @@ footer h2 {
   }
 
   .header-nav .header-content {
-    gap: initial;
+    gap: 0.15em;
   }
 
   .header-contact .header-content {
     gap: initial;
   }
 
+  .nav-img {
+    height: 1.5em;
+  }
+
   .overview {
     display: grid;
     grid-template-columns: 1fr 1fr;
+    gap: 1em;
   }
 
   .split-section {