#poster{
    position: relative;
    width: min(1200px, 95svw);
    height: min(calc(100svh - var(--headerHeight)),160svw);
    margin: auto;
    overflow: hidden;
    >*{
        position: absolute;
        transition: 2s all;
    }
    #poster-a{
        top: 2vw;
        left: 2vw;
        max-width: 40%;
        max-height: 50%;
        transition-delay: 1s;
    }
    #poster-b{
        bottom: 0;
        right: 2svw;
        max-height: 95%;
    }
    #posterButtons{
        display: grid;
        gap: 10px;
        bottom: 100px;
        left: 2svw;
        justify-items: center;
        transition-delay: 2s;
        >a{
            text-align: center;
                  white-space: nowrap;
        }
    }
}

@media screen and (max-width: 720px) {
    #poster{
        #poster-b{
            bottom: 12rem;
            max-height: calc(85% - 8rem);
        }
        #posterButtons{
            
            >a{
                width: 90svw;
                white-space: unset;
            }
        }
    }
    
}
#poster.notRevealed{
    > *{
        opacity: 0;
    }
    #poster-a{
        transform: translate(-100px, 0px);
    }
    #poster-b{
        transform: translate(100px, 100px);
    }
    #posterButtons{
        transform: translate(0px, 100px);
    }
}