success and backup views and styles

src/sass/views/onboarding/onboard-collect-email.scss

@@ -11,7 +11,7 @@
     opacity: 1;
     background: #fff;
     color: rgb(108, 108, 108);
-    height: 8rem;
+    height: 11rem;
     animation-name: topBottom;
     animation-iteration-count: 1;
     animation-timing-function: ease-in;
@@ -20,7 +20,21 @@
     position: absolute;
     bottom: -100%;
     animation-fill-mode: forwards;
-    z-index:5;
+    z-index: 5;
+    margin-top: 0;
+    label {
+      background: rgba(200, 200, 200, 0.20);
+      height: 3rem;
+      margin-top:0;
+      input {
+        position: absolute;
+      }
+      i {
+        position: absolute;
+        right: 3%;
+        top: 1rem;
+      }
+    }
   }
   .overlay {
     animation-name: bottomTop;
@@ -29,9 +43,10 @@
     animation-duration: 1s;
     animation-delay: 2s;
     animation-fill-mode: forwards;
-    top:100%;
+    top: 100%;
   }
 }
+
 @keyframes topBottom {
   0% {
     bottom: -100%;
@@ -40,6 +55,7 @@
     bottom: 0;
   }
 }
+
 @keyframes bottomTop {
   0% {
     top: 100%;