html {
    scroll-behavior: smooth;
}

.parallax {
    will-change: transform, opacity;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}
.parallax.visible {
    opacity: 1;
    transform: translateY(0px);
}

.active-highlight {
    animation: fadeInUp 1s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}