/* Basic styling for scroll effect */
.scroll-header {
  background-color: transparent;
  text-shadow: 0px 0px 0.9rem white;
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

.scroll-header.scrolled {
  text-shadow: none;
  background-color: rgba(240, 242, 249, 0.8);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: opacity 0.4s ease-in-out;
}