page-onboarding {
  @extend %onboarding;
  & > ion-content {
    background: $onboarding-welcome-bg;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .logo-tagline {
    margin-top: calc(5vh + 5vw);
    text-align: center;
    img {
      max-width: 200px;
      margin: 5rem 0;
    }
    p {
      line-height: 1.6;
      font-size: 18px;
    }
  }
  .onboarding-description {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
  }
}

%onboarding {
  .content {
    background: $onboarding-gradient-top-color;
    color: $onboarding-color;
    background-image: $onboarding-background-image;
  }
}