/* typography and base eleemnts */
body {
  background-color: var(--blush-base);
  font-family: var(--font-tenor);
  font-weight: 400;
  height: 100vh;
}

.hidden {
  visibility: hidden;
}

.none {
  display: none;
}

.dusk_rose_bkg {
  background-color: var(--dusk-rose);
}

.rose_mist_bkg {
  background-color: var(--rose-mist);
}

.rotate_45_deg {
  transform: rotate(45deg);
}

*::placeholder {
  color: var(--blush-base);
}

#offers,
#how_it_works,
#testimonials,
#faq,
#audience,
#paths {
  scroll-margin-top: 135px;
}

@media (max-width: 850px) {
  #offers,
  #how_it_works,
  #testimonials,
  #faq,
  #pricing {
    scroll-margin-top: 160px;
  }
}