.hidden {
  opacity: 0;
}

@media only screen and (min-width: 0rem) {
  :root {
    --animate-duration: 500ms;
    --animate-delay: 0s;
  }
  .duration {
    animation-duration: 0.8s;
  }
  .duration-1 {
    animation-duration: 1.2s;
  }
  .duration-2 {
    animation-duration: 1.6s;
  }
  .mobile-delay-1 {
    animation-delay: 0.6s;
  }
  .mobile-delay-2 {
    animation-delay: 1s;
  }
  .no-delay {
    animation-delay: 0s;
  }
  .delay-1 {
    animation-delay: 0.2s;
  }
  .delay-2 {
    animation-delay: 0.2s;
  }
  .delay-3 {
    animation-delay: 0.2s;
  }
  .delay-4 {
    animation-delay: 0.2s;
  }
}
@media only screen and (min-width: 768px) {
  .no-delay {
    animation-delay: 0s;
  }
  .delay-1 {
    animation-delay: 0.2s;
  }
  .delay-2 {
    animation-delay: 0.6s;
  }
  .delay-3 {
    animation-delay: 1s;
  }
  .delay-4 {
    animation-delay: 1.4s;
  }
  .delay-5 {
    animation-delay: 1.8s;
  }
}

/*# sourceMappingURL=animations.css.map */