Task #17 - Redesign login page w/ forms.

app/assets/auth/forms.css

@@ -2,27 +2,40 @@
     --input-padding-x: 1.5rem;
     --input-padding-y: 0.75rem;
 }
-
+body {
+    background-image: url('https://images.unsplash.com/photo-1501618669935-18b6ecb13d6d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1464&q=80');
+    background-position: 60% 20%;
+}
+@media all and (max-width: 768px) {
+    body {
+        background-image: none;
+        background-color: #F1EFE7;
+    }
+}
 .login,
 .image {
     min-height: 100vh;
 }
-
-.bg-image {
-    background-image: url('https://source.unsplash.com/4812YdII6W0/2592x1728');
-    background-size: cover;
-    background-position: center;
+.name-banner{
+    font-family: 'Merienda', cursive;
 }
-
 .login-heading {
     font-weight: 300;
 }
 
 .btn-login {
-    font-size: 0.9rem;
-    letter-spacing: 0.05rem;
-    padding: 0.75rem 1rem;
-    border-radius: 2rem;
+    border: solid 7px #41403E;
+    align-self: center;
+    background: transparent;
+    padding: 1rem 1rem;
+    -webkit-transition: all .5s ease;
+    transition: all .5s ease;
+    color: #41403E;
+    font-size: 2rem;
+    letter-spacing: 1px;
+    outline: none;
+    box-shadow: 20px 38px 34px -26px rgba(0, 0, 0, 0.2);
+    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
 }
 
 .form-label-group {
@@ -92,7 +105,7 @@
 }
 
 .form-submit-button {
-    margin-top: 50px;
+    margin-top: 30px;
     margin-bottom: 50px;
 }