set up initial success screen and added animation for collecting email form

src/sass/views/common.scss

@@ -25,3 +25,13 @@
     box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3);
   }
 }
+
+.overlay{
+  position: absolute;
+  top:0;
+  left:0;
+  width:100%;
+  height: 100%;
+  background: rgba(0,0,0,.4);
+  z-index: 4;
+}

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

@@ -0,0 +1,50 @@
+#onboarding-collect-email {
+  background: rgb(17, 209, 166);
+  #success-image {
+    margin-top: 4rem;
+  }
+  .col {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+  #collect-email {
+    opacity: 1;
+    background: #fff;
+    color: rgb(108, 108, 108);
+    height: 8rem;
+    animation-name: topBottom;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-duration: 1s;
+    animation-delay: 2s;
+    position: absolute;
+    bottom: -100%;
+    animation-fill-mode: forwards;
+    z-index:5;
+  }
+  .overlay {
+    animation-name: bottomTop;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-duration: 1s;
+    animation-delay: 2s;
+    animation-fill-mode: forwards;
+    top:100%;
+  }
+}
+@keyframes topBottom {
+  0% {
+    bottom: -100%;
+  }
+  100% {
+    bottom: 0;
+  }
+}
+@keyframes bottomTop {
+  0% {
+    top: 100%;
+  }
+  100% {
+    top: 0;
+  }
+}

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

@@ -1,3 +0,0 @@
-#onboarding-collect-email{
-  background: rgb(17,209,166);
-}

src/sass/views/onboarding/onboarding.scss

@@ -21,9 +21,8 @@
   }
   ion-content {
     color: #fff;
-    .scroll {}
+    h2, h3{color:#fff;}
     h2 {
-      color: #fff;
       font-size: 1.8rem;
     }
     p {