fix flexbox

static/css/main.css

@@ -5,17 +5,13 @@ html, body {
 body {
     display: flex;
     text-align: center;
-    flex-flow: row wrap;
-}
-
-body > * {
-    flex: 1 100%;
+    flex-flow: column wrap;
 }
 
 
 main {
     margin: auto;
-    flex: 1 0;
+    flex: 8 0;
 }
 
 img {
@@ -105,7 +101,7 @@ nav{
 }
 
 footer {
-    flex-shrink: 0;
+    flex: 1 0 auto;
     border-top: var(--border-width) solid var(--accent);
 }