Design: Compose styling

static/css/base.scss

@@ -53,7 +53,7 @@ a {
   }
 }
 
-h1, h2, h3, h4, h5, h6, p, span, input, textarea {
+h1, h2, h3, h4, h5, h6, p, span, input, textarea, select {
   margin: 0;
   color: white;
 }

static/css/form.scss

@@ -1,16 +1,9 @@
-form.entryForm {
+form {
   display: flex;
   flex-flow: column nowrap;
   align-items: center;
   justify-content: center;
   gap: 32px;
-  padding: 32px;
-  background: #00000090;
-  border-radius: 16px;
-  backdrop-filter: blur(16px);
-
-  max-width: 350px;
-  width: calc(20dvw + 150px);
 
   button[type=submit] {
     background: var(--accent-dim);
@@ -21,13 +14,35 @@ form.entryForm {
   }
   
   input[type=text],
-  input[type=password] {
+  input[type=password],
+  select,
+  textarea {
     font-size: 1rem;
     padding: 0.6em 1.5em;
-    background: #222;
     border-radius: 8px;
     border: none;
     width: calc(100% - 3em);
+    background: var(--gray);
+  }
+
+  label {
+    color: var(--accent-light);
+  }
+}
+
+form.entryForm {
+  padding: 32px;
+
+  background: #00000090;
+  border-radius: 16px;
+  backdrop-filter: blur(16px);
+
+  max-width: 350px;
+  width: calc(20dvw + 150px);
+
+  input[type=text],
+  input[type=password] {
+    background: #222;
   }
 
   label {