@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");

:root {
  --bulma-primary-h: 47deg;
  --bulma-primary-s: 21%;
  --bulma-primary-l: 69%;
  --bulma-link-h: 45deg;
  --bulma-link-s: 15%;
  --bulma-link-l: 58%;
}

html {
  scroll-behavior: smooth;
  scroll-snap-type: y proximity;
  overflow-y: scroll;
  scroll-padding-top: var(--bulma-navbar-height);
}

* {
  font-family: "Montserrat", sans-serif;
}

main,
section,
footer {
  scroll-snap-align: start;
}

#home,
#distributor {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#home {
  background-image: url("../img/intro-hair-model-background.jpg");
}

#distributor {
  background-image: url("../img/distributor-hair-model-background.jpg");
}

.title {
  font-family: "Playfair Display", serif;
  font-weight: 600;
}

.is-zoomable {
  transition: transform 0.15s ease;
}

.is-zoomable:hover {
  transform: scale(1.05);
}

.has-spacing-between-letters {
  letter-spacing: 0.15em;
}

.has-shadow {
  box-shadow:
    0 10px 26px rgba(111, 92, 55, 0.22),
    0 4px 10px rgba(111, 92, 55, 0.12);
}

.ca__u-delay250 {
  animation-delay: 250ms;
}

.ca__u-delay500 {
  animation-delay: 500ms;
}

.ca__u-delay750 {
  animation-delay: 750ms;
}

.ca__u-delay1000 {
  animation-delay: 1000ms;
}

.ca__u-delay1250 {
  animation-delay: 1250ms;
}

.ca__u-delay1500 {
  animation-delay: 1500ms;
}