WIP

src/index.css

@@ -105,7 +105,7 @@ limitations under the License.
 }
 
 body {
-  background-color: #21262C;
+  background-color: rgb(21, 25, 30);
   color: #fff;
   margin: 0;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
@@ -115,19 +115,13 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
-button {
-  border: none;
-  background-color: #ccc;
-  color: black;
-  font-size: 16px;
-  font-weight: bold;
-  padding: 8px 16px;
-  border-radius: 4px;
-  cursor: pointer;
+html, body, #root {
+  height: 100%;
 }
 
-button:hover, button:active {
-  background-color: #888;
+#root {
+  display: flex;
+  flex-direction: column;
 }
 
 a {
@@ -138,23 +132,3 @@ a {
 a:hover, a:active {
   color: rgb(76, 134, 173);
 }
-
-.page {
-  margin: 0 auto;
-  max-width: 960px;
-  display: flex;
-  flex-direction: column;
-  padding: 0 20px;
-}
-
-.page input {
-  padding: 8px 4px;
-  font-size: 16px;
-  border-radius: 4px;
-  border: 1px solid #888;
-}
-
-.page input, .page button {
-  display: block;
-  margin-top: 16px;
-}