/* Пример для плавной анимации */
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

body {
  animation: fadeIn 1s ease-out;
}
document.addEventListener("DOMContentLoaded", function() {
  const fadeElements = document.querySelectorAll('.fade-in');
  
  function handleScroll() {
    fadeElements.forEach((el) => {
      const rect = el.getBoundingClientRect();
      if (rect.top < window.innerHeight && rect.bottom > 0) {
        el.classList.add('visible');
      }
    });
  }

  window.addEventListener('scroll', handleScroll);
  handleScroll();  // Для прогрузки анимации при первом заходе
});