document.addEventListener("DOMContentLoaded", function() { const header = document.getElementById("main-header"); if (header) { header.classList.add("transparent"); window.addEventListener("scroll", function() { if (window.scrollY > 50) { header.classList.remove("transparent"); header.classList.add("solid"); } else { header.classList.remove("solid"); header.classList.add("transparent"); } }); } });