.hero-section{
    background-image: url("/snowboardmatch/media/sbbackground.jpg");
}

.form-input{
    max-width: 334px;
}

.form:invalid .btn{
  background-color: beige;
}

@media (max-width: 1023px) {
    .hero-section{
        height: 100vh;
        background-image: url("/snowboardmatch/media/sbmobilebackground.jpg");
        background-size: cover;
    }
    .logo{
        max-width: 9rem;
    }
}

.h-80vh{
  height: 80vh;
}

.fade-in {
    animation: fadeIn .8s cubic-bezier(.36,.07,.19,.97) .1s both;
}

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

.CookieDeclaration {
  display: none;
}

.come-in {
    transform: translateY(174px);
    animation: come-in 0.8s ease forwards;
}

.come-in:nth-child(odd) {
  animation-duration: 0.6s;
}

.already-visible {
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  to { transform: translateY(0); }
}