Center the whole content to make layout nicer.

Author: Marko D

index.html

@@ -16,6 +16,8 @@
 
         body {
             display: flex;
+            align-items: center;
+            justify-content: center;
             flex-direction: column;
             min-height: 100vh;
             text-align: center;
@@ -30,12 +32,7 @@
         }
 
         main {
-            flex: 1;
             padding: 20px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-direction: column;
             line-height: 1.5em;
         }