MVP

src/index.css

@@ -1,10 +1,63 @@
+html {
+  height: 100%;
+}
+
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+  font-family:
+    'cinzel',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    'Roboto',
+    'Oxygen',
+    'Ubuntu',
+    'Cantarell',
+    'Fira Sans',
+    'Droid Sans',
+    'Helvetica Neue',
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  color: #f0dcb1;
+  text-shadow: 2px 2px #1b191a;
+  background: radial-gradient(ellipse at center, #1c4926ff 50%, #0d2412 100%);
+  height: 100%;
+}
+
+input {
+  width: 150px;
+}
+
+input,
+select,
+textarea {
+  border: 1px solid #1b191a;
+}
+
+input:focus,
+select:focus,
+textarea:focus,
+button:focus {
+  outline-color: #1b191a;
+  outline: none;
+  /* border: 1px solid #1b191a; */
+}
+
+button {
+  font-family:
+    'cinzel',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    'Roboto',
+    'Oxygen',
+    'Ubuntu',
+    'Cantarell',
+    'Fira Sans',
+    'Droid Sans',
+    'Helvetica Neue',
+    sans-serif;
 }
 
 code {