.header-login {
    display: none;
    visibility: hidden;
}

.content-container {
    background-image: url('/static/img/backgrounds/Background4.webp');
    background-size: cover;
    background-position: bottom; 
    background-repeat: no-repeat; 
    position: relative; 
}

.content-mid {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4vh 7.5vw;
    box-sizing: border-box;
}

.coming-soon {
    background: rgba(11,12,14,0.75);
    color: #D9D9D9;
    flex: 1;
    min-width: 5vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}

.coming-soon h2 {
    font-size: 15vmin;
    font-weight: 1000;
}


body.light-mode .content-container {
    background-image: url('/static/img/backgrounds/Background5.webp');
}

body.light-mode .coming-soon {
    background: rgba(6, 11, 24, 0.75);
}