#preload__no-javascript {
    position: fixed;
    z-index: 99;
    font-family: Impact, sans-serif;
    font-size: 200%;
}

#preload__background {
    display: flex;
    position: fixed;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    padding: 0;
    margin: 0;
    z-index: 9;
    overflow: hidden;
    cursor: help;
}

#preload__container {
    display: flex;
    column-gap: 2rem;
    align-items: center;
    border: solid 1px gray;
    border-radius: 1rem;
    padding: 2rem;
    margin: 2rem;
    max-width: 60rem;
    animation: preloadFadeIn 10s forwards;
}

#preload__logo {
    flex-grow: 1;
    flex-basis: 20rem;
}

#preload__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#preload__message {
    flex-grow: 2;
    flex-shrink: 2;
    color: black;
    font-family: Tahoma, sans-serif;
}

@media (prefers-color-scheme: dark) {
    #preload__no-javascript {
        color: white;
    }

    #preload__background {
        background-color: #212529;
    }

    #preload__container {
        background-color: #343a40;
    }

    #preload__message {
        color: white;
    }
}

@keyframes preloadFadeIn {
    0% { opacity: 0; }
    80% { opacity: 0; }
    100% { opacity: 1; }
}