added login view with form

src-view/Routes.js

@@ -2,6 +2,7 @@ import React from 'react'
 import LandingView from './views/LandingView'
 import { Router } from '@reach/router'
 import LoginView from './views/LoginView'
+
 import SignUpView from './views/SignUpView'
 export default () => {
   return (

src-view/assets/styles/LoginView.module.scss

@@ -0,0 +1,49 @@
+@import './mixins';
+
+.loginDiv {
+    display: flex;
+    justify-content: center;
+    align-content: center;
+    flex-direction: column;
+    align-self: center;
+    flex-shrink: 1;
+    padding: 5rem 0rem;
+    width: 80%;
+    max-width: 36rem;
+
+    >a {
+        cursor: pointer;
+        align-self: center;
+        margin-top: 1rem;
+    }
+
+    >h1 {
+        align-self: center;
+        font-weight: 400;
+    }
+
+    @include for-desktop {
+        box-shadow: 0px 0px 30px -2px rgba(150, 144, 150, 0.85);
+        padding: 5rem 3rem;
+        width: 50%;
+
+    }
+
+    &Wrapper {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        justify-content: center;
+    }
+
+    .loginForm {
+        display: flex;
+        flex-direction: column;
+        margin: 2rem 0 0 0;
+
+        >button {
+            width: 100%;
+            margin: 2rem 0 0 0;
+        }
+    }
+}