Style for the login/register form done

public/sass_styles/_identify.scss

@@ -0,0 +1,65 @@
+.identify-container {
+    display: flex;
+    justify-content: center;
+    
+    .identify {
+        width: 70vw;
+
+        .options-container {
+            display: flex;
+
+            .option {
+                width: 35vw;
+
+                display: flex;
+                justify-content: space-around;
+
+                padding: 5vh 0px;
+                background-color: $second-color;
+
+                h2 {
+                    @include titleFont();
+                    @include normalizeTitle();
+
+                    color: #ffffff;
+                }
+            }
+        }
+
+        .form-container {
+
+            display: flex;
+            justify-content: center;
+
+            form {
+                width: 50vw;
+
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+
+                padding-top: 1vh;
+
+                
+                input {
+                    height: 4vh;
+                    width: 60%;
+
+                    margin-bottom: 1vh;
+
+                    border: none;
+                    border-bottom: 1px solid $border-color;
+                    outline: none;
+
+                }
+
+                input[type=submit] {
+                    width: 50%;
+                    border: $border-color solid 1px;
+                }
+            }
+        }
+    }
+
+
+}

public/sass_styles/styles.scss

@@ -36,6 +36,8 @@
 }
 
 $background-color: #ffffff;
+$border-color: #969696;
+
 
 $main-color: #62D2A2;
 $second-color: #1FAB89;
@@ -50,6 +52,7 @@ $lightest-color: #D7FBE8;
 @import 'aboutThis';
 @import 'historyButton';
 @import 'pomodoro-counter';
+@import 'identify';
 
 html, body { 
     margin: 0;