Add: Better Base styling

static/css/base.scss

@@ -3,6 +3,7 @@
 
   --background: #111118;
 
+  --accent-light: #9e8afa;
   --accent: #846bf7;
   --accent-dim: #846bf760;
   --accent-very-dim: #846bf716;
@@ -47,7 +48,7 @@ button.button {
   background: var(--accent-very-dim);
   border-radius: 4px;
 
-  &:hover {
+  &:hover, &:active {
     background: var(--accent-dim);
   }
 }
@@ -56,7 +57,11 @@ button.button.transparent {
   background: transparent;
   border-radius: 4px;
 
-  &:hover {
+  &:hover, &:active {
     background: var(--accent-dim);
   }
 }
+
+.noSelect {
+  user-select: none;
+}

static/css/form.scss

@@ -1,9 +1,9 @@
-form {
+form.entryForm {
   display: flex;
   flex-flow: column nowrap;
   align-items: center;
   justify-content: center;
-  gap: 16px;
+  gap: 32px;
   padding: 32px;
   background: #00000090;
   border-radius: 16px;
@@ -11,17 +11,26 @@ form {
 
   max-width: 350px;
   width: calc(20dvw + 150px);
-}
 
-button[type=submit] {
-  background: white;
-}
+  button[type=submit] {
+    background: var(--accent-dim);
+    border-radius: 4px;
+    padding: 0.3em 0.8em;
     
-input[type=text],
-input[type=password] {
-  padding: 0.8em 1.5em;
-  background: #333;
+    color: white;
+  }
+  
+  input[type=text],
+  input[type=password] {
+    font-size: 1rem;
+    padding: 0.6em 1.5em;
+    background: #222;
     border-radius: 8px;
     border: none;
     width: calc(100% - 3em);
+  }
+
+  label {
+    color: var(--accent-light);
+  }
 }