mobile improvements

main.css

@@ -2,7 +2,7 @@ html, body {
     margin: 0px;
     padding: 0px;
     min-height: 100vh;
-    min-width: 100vw;
+    width: 100vw;
     display: flex;
     flex-direction: column;
     flex-grow: 1;
@@ -45,7 +45,10 @@ main {
 
 @media(max-width: 600px) {
     nav, main, footer {
-        width: calc(100vw - 16px);
+        width: 100%;
+        padding: 8px;
+        margin: 0px auto;
+        box-sizing: border-box;
     }
     .nav-container {
         flex-direction: column;