#page-transition-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black; /* Choose a color that fits the theme of your website */
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s, opacity 0.5s linear;
    z-index: 9999;
}

#page-transition-overlay.show {
    visibility: visible;
    opacity: 1;
}

#page-transition-overlay.hide {
    opacity: 0;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
}