login / register ui

public/index.css

@@ -7,6 +7,7 @@
     --main-3: rgb(223, 176, 219);
     --main-4: rgb(248, 224, 245);
     --main-5: rgb(69, 56, 90);
+    --main-6: rgb(28, 26, 31);
 
     color: var(--main-3);
 }
@@ -129,4 +130,44 @@ body {
     align-items: center;
     justify-content: center;
     text-decoration: none;
+}
+
+.form {
+    grid-template-columns: .3fr 1fr;
+    display: grid;
+}
+
+.form-heading,
+.form-message,
+.form-button {
+    grid-column: span 2;
+}
+
+.form-key {
+    font-weight: bold;
+    font-size: 1.2em;
+    height: 50px;
+    color: var(--main-4);
+    display: flex;
+    align-items: center;
+}
+
+.form-button,
+.form-input {
+    border: solid transparent 0px;
+    background: var(--main-6);
+    color: var(--main-4);
+    border-radius: 10px;
+    padding: .5rem;
+    margin-bottom: .5rem;
+    margin-top: .5rem;
+    text-decoration: none;
+}
+
+.form-button {
+    font-weight: 700;
+    display: inline-block;
+    background: var(--main-3);
+    color: var(--main-1);
+    margin: .5rem;
 }