improve styling for bigger screens

styles/index.css

@@ -12,6 +12,28 @@
 
 /* Your own custom utilities */
 
+.wrapper {
+  @apply mx-3 flex flex-col min-h-screen;
+}
+
+@screen sm {
+  .wrapper {
+    @apply w-3/4 max-w-xl m-auto;
+  }
+}
+
+.main {
+  @apply flex-grow;
+}
+
+.footer {
+  @apply mt-5 mb-2;
+}
+
+.form {
+  @apply w-full bg-blue-100 p-6 rounded;
+}
+
 .fsw {
   @apply flex flex-wrap -mx-3 mb-2;
 }
@@ -92,11 +114,6 @@
   @apply text-blue-700;
 }
 
-@screen sm {
-  .fs {
-    @apply w-1/2 mb-0;
-  }
-}
 .DayPickerInput .input-text {
   @apply w-full;
 }