function addFadeOut() {
    document.body.classList.add('fade-out');
}


function removeFadeOut() {
    document.body.classList.remove('fade-out');
}


window.addEventListener('beforeunload', addFadeOut);


window.addEventListener('load', removeFadeOut);


window.addEventListener('popstate', () => {
   
    addFadeOut();
    setTimeout(() => {
        removeFadeOut(); 
    }, 500); 
});