only the content should have a max-width to be mobile friendly

static/css/main.css

@@ -1,12 +1,12 @@
 body {
     display: flex;
     flex-flow: column wrap;
-    max-width: 50em;
     line-height: 1.5em;
 }
 
 
 main {
+    max-width: 50em;
     margin: auto;
     flex: 8 0;
     padding: 1.5rem;
@@ -23,7 +23,7 @@ code, blockquote {
 /* Homepage */
 .intro > h1 {
     color: #212121;
-    font-size: 12vh;
+    font-size: 6vh;
 }
 
 .intro > h2 {