/* Shared background for the complete first-entry questionnaire flow. */
.app {
  background-color: rgba(255, 248, 236, .9) !important;
  background-image:
    linear-gradient(135deg, rgba(255, 250, 239, .48), rgba(255, 248, 238, .3)),
    url('../assets/onboarding-intro-background.web.webp') !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.app .footer {
  background: linear-gradient(to top, rgba(255, 248, 236, .88) 40%, rgba(255, 248, 236, 0)) !important;
}

@media (max-width: 620px) {
  .app {
    background-position: 58% center;
  }
}