// Make header change when scrolling
document.addEventListener('DOMContentLoaded', function() {
const header = document.querySelector('.Header');
window.addEventListener('scroll', function() {
if(window.scrollY > 50) {
header.classList.add('scrolled');
} else {
header.classList.remove('scrolled');
}
});
});
