.header-top{
    display: none;
}

.login-shape-container{
    display: none;
}

/*.content-container{*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: 92vh;*/
/*    padding: 5vh 0;*/
/*}*/

.background-shape{
    z-index: -1000;
    position: absolute;
    top: 20vh;
    left: 0;
    height: 60vh;
    width: 100%;
    background-color: var(--start_lightblue);
    clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 85%);
}

.cases-content-container {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
}

.cases-content-container-space {
    width: 100%;
    height: 6vh;
}

.playmenu-container{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20vh;
    transform: translateY(10vh);
}

.playmenu-container-space{
    width: 100%;
    height: 5vh;
}

.playmenu-container-xl-adjustment {
    position: absolute;
    top: 5vh;
    left: 0;
    right: 0;
    height: 12vh;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.playmenu-speaker-button {
    position: absolute;
    top: -4vh;
    left: 0;
    height: 6vh;
    width: 6vh;
    margin: 2vh;
}

.playmenu-bottom-container {
    background-color: var(--start_darkblue);
    height: 10vh;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.playmenu-media-buttons {
    height: 6vh;
    width: 6vh;
    margin: 1vh 1vh 2vh 1vh;
}

.open-play-menu{
    animation-name: open-play-menu;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.close-play-menu{
    animation-name: close-play-menu;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes open-play-menu {
    from{transform: translateY(10vh);}
    to{transform: translateY(0);}
}

@keyframes close-play-menu {
    from{transform: translateY(0);}
    to{transform: translateY(10vh);}
}

.bottom-shape{
    position: relative;
    top: 5px;
    left: 0;
    width: 100%;
    height: 5vh;
    background-color: var(--start_darkblue);
    clip-path: polygon(0 0%, 100% 80%, 100% 100%, 0% 100%);
}

@media only screen and (max-height: 600px) {
    .logo-container{
        bottom: 85%;
        width: 27vh;
    }

    .header-sticky{
        height: 11vh;
    }

    .content-container{
        margin-top: 20vh;
    }

    .task-button{
        height: 8.5vh;
    }
}