#cover-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white; /* White background */
    z-index: 9999; /* Ensure it stays on top of all other elements */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

#cover-screen.hidden {
    opacity: 0; /* Fade out */
    visibility: hidden; /* Hide the element */
}