Better mobile support.

pages/index.module.scss

@@ -16,6 +16,7 @@
         display: flex;
         justify-content: center;
         align-items: center;
+        padding: 1rem;
     }
     
     .primary {
@@ -139,3 +140,19 @@
         margin-bottom: 2em;
     }
 }
+
+@media (max-width: 720px) {
+    .heroImage {
+        transform: scale(0.8);
+    }
+
+    .nav {
+        justify-content: center;
+    }
+}
+
+@media (max-width: 640px) {
+    .heroImage {
+        transform: scale(0.7);
+    }
+}