fix font-family set everywhere, changed spacings and button text size

static/index.css

@@ -10,7 +10,6 @@ html {
 *,
 *::before,
 *::after {
-  font-family: sans;
   box-sizing: inherit;
 }
 
@@ -21,6 +20,7 @@ body {
 
 main {
   color: var(--fg);
+  font-family: sans;
   max-width: 1200px;
   margin: 0 auto;
   padding: 1rem;
@@ -56,7 +56,7 @@ textarea,
   border: 2px solid var(--fg);
   border-radius: 5px;
   margin-bottom: 1rem;
-  max-width: calc(100vw - 3rem - 4px);
+  max-width: calc(100vw - 2rem);
 }
 
 *.hidden {
@@ -69,6 +69,7 @@ input[type="checkbox"] {
 
 .button {
   cursor: pointer;
+  font-size: 1rem;
 }
 
 a.button {