Better font readability

website/style.css

@@ -7,21 +7,6 @@ body {
   font-size: 1rem;
 }
 
-@media only screen and (max-width: 800px) {
-  body {
-    font-size: 2rem;
-  }
-  .generator .seed-text {
-    font-size: 1.2rem;
-  }
-}
-
-@media only screen and (max-width: 600px) {
-  body {
-    font-size: 2.4rem;
-  }
-}
-
 *:focus {
   outline: none;
 }
@@ -192,3 +177,27 @@ table.entropy-table tr:nth-child(even) {
 .footer .me {
   float: right;
 }
+
+@media only screen and (max-width: 800px) {
+  body {
+    font-size: 2rem;
+  }
+  
+  .generator .seed-text {
+    font-size: 1.2rem;
+  }
+
+  .wrapper {
+    padding: 0 1em;
+  }
+}
+
+@media only screen and (max-width: 600px) {
+  body {
+    font-size: 2.4rem;
+  }
+
+  .generator .seed-text {
+    font-size: 1.4rem;
+  }
+}