html {
  scroll-behavior: smooth;
}

@keyframes cursor-blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.cursor-blink {
  animation: cursor-blink 1s step-end infinite;
}

.nav-link.active {
  color: white;
  background-color: black;
}

input:focus + label,
input:not(:placeholder-shown) + label,
textarea:focus + label,
textarea:not(:placeholder-shown) + label {
  transform: translateY(-1.5rem);
  font-size: 0.75rem;
  color: #00b3e9;
}

.sticky-photo {
  height: 200vh;
}

.sticky-inner {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

#mobile-nav span,
#mobile-nav button {
  text-transform: uppercase;
}

h2 {
  text-transform: uppercase;
}

.why-scroll-container {
  position: relative;
}

.why-sticky-wrapper {
  position: sticky;
  top: 0;
  z-index: 45;
  transform: translateZ(0);
  will-change: transform;
}

.why-box {
  transition: opacity 0.5s ease;
}

br {
  display: block;
  margin-bottom: 1rem;
  content: "";
}