Form styles done

public/sass/_form.scss

@@ -0,0 +1,74 @@
+.form-container {
+
+    font-family: Arial, Helvetica, sans-serif;
+
+    .options-container {
+        
+        display: flex;
+
+
+        height: 10vh;
+        width: 100%;
+        
+        .option {
+            $backgroundColor: rgb(54, 112, 201);
+
+            color: #fff;
+            background-color: $backgroundColor;
+
+            cursor: pointer;
+
+            width: 100%;
+            height: 100%;
+
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            transition: ease-in-out 0.2s;
+
+            &.active {
+
+                cursor: initial;
+                background-color: adjust-color($color: $backgroundColor, $blackness: 33%, $alpha: 1.0);
+                transition: ease-in-out 0.4s;
+        }
+
+        }
+    }
+
+    form {
+
+        height: 64vh;
+
+        display: flex;
+        flex-direction: column;
+
+        align-items: center;
+        
+        padding-top: 3vh;
+
+        input {
+            
+            width: 33vw;
+            height: 5vh;
+
+            padding: 0;
+            box-sizing: content-box;
+
+            margin-bottom: 0.5vh;
+
+            border: 0;
+            border-bottom: 1px solid rgb(121, 121, 121);
+
+            outline: none;
+            
+            &[type="submit"] {
+                margin-top: 1vh;
+                
+                border-bottom: 0;
+                border: 1px solid rgb(121, 121, 121);
+
+            }
+        }
+    }
+}

public/sass/index.scss

@@ -25,4 +25,5 @@ html, body {
 @import 'defeat-victory';
 @import 'loading';
 @import 'letters-registered';
-@import 'letter-input'
+@import 'letter-input';
+@import 'form';