feat: animating authentication pages.

client/src/style/pages/register-wizard-page.scss

@@ -1,128 +1,5 @@
 
-.register-page {
-  .bp3-input {
-    min-height: 40px;
-    border: 1px solid #ced4da;
-  }
-  .bp3-form-group {
-    margin-bottom: 23px;
 
-    &.bp3-intent-danger {
-      .bp3-input {
-        border-color: #eea9a9;
-      }
-    }
-  }
-  .bp3-form-group.has-password-revealer {
-    .bp3-label {
-      display: flex;
-      justify-content: space-between;
-    }
-
-    .password-revealer {
-      .text {
-        font-size: 12px;
-      }
-    }
-  }
-
-  .bp3-button.bp3-fill.bp3-intent-primary {
-    font-size: 16px;
-  }
-
-  &__label-section {
-    margin-bottom: 29px;
-    color: #555;
-
-    h3 {
-      // font-weight: 500;
-      font-weight: 400;
-      // font-size: 28px;
-      font-size: 22px;
-      // color: #444;
-      color: #555555;
-      margin: 0 0 12px;
-    }
-
-    a {
-      text-decoration: underline;
-      color: #0040bd;
-    }
-  }
-
-  &__form-wrapper {
-    width: 100%;
-    // max-width: 415px;
-    // padding: 15px;
-    margin: 0 auto;
-  }
-
-  &__footer-links {
-    padding: 9px;
-    border-top: 1px solid #ddd;
-    border-bottom: 1px solid #ddd;
-    text-align: center;
-    margin-bottom: 1.2rem;
-
-    a {
-      color: #0052cc;
-    }
-  }
-
-  &__loading-overlay {
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    background: rgba(252, 253, 255, 0.5);
-    display: flex;
-    justify-content: center;
-  }
-
-  &__submit-button-wrap {
-    margin: 0px 0px 24px 0px;
-
-    .bp3-button {
-      background-color: #0052cc;
-      min-height: 45px;
-    }
-  }
-
-  &-form {
-    width: 800px;
-    margin: 0 auto;
-    
-    // width: 690px;
-    // padding: 85px 60px;
-    // padding: 85px 105px;
-
-    // Register Form
-    .register-form {
-      padding: 85px 105px;
-
-      &__agreement-section {
-        margin-top: -10px;
-
-        p {
-          font-size: 13px;
-          margin-top: -10px;
-          margin-bottom: 24px;
-          line-height: 1.65;
-        }
-      }
-
-      &__submit-button-wrap {
-        margin: 25px 0px 25px 0px;
-
-        .bp3-button {
-          min-height: 45px;
-          background-color: #0052cc;
-        }
-      }
-    }
-  }
-}
 
 .setup-page {
 
@@ -186,7 +63,6 @@
 }
   
 
-
 .setup-page-steps {
 
   &-container {