html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body {
  background-color: #fefdfb;
}

select,
option {
  font-family: inherit;
}

.hide {
  display: none;
}

@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes float-slow {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

.animate-fade-up {
  animation: fade-up 700ms ease-out both;
}

.animate-float {
  animation: float-slow 6s ease-in-out infinite;
}

.stagger-1 {
  animation-delay: 100ms;
}

.stagger-2 {
  animation-delay: 200ms;
}

.stagger-3 {
  animation-delay: 300ms;
}

.stagger-4 {
  animation-delay: 400ms;
}

@media (prefers-reduced-motion: reduce) {
  .animate-fade-up,
  .animate-float {
    animation: none;
  }
}