body{font-family:Unbounded,cursive;margin:0;padding:0}
.video-container{text-align:center;margin:20px}
.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1}
.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%;background-color:transparent;z-index:2}
.popup.show{display:block}
.popup span.close{font-family:none;position:absolute;top:.5rem;right:1.5rem;font-size:2rem;font-weight:700;color:#fff;cursor:pointer;z-index:3}
#videoPlayer{width:fit-content}
@media (max-width:780px){
.popup{max-width:95%;width:100%}
#videoPlayer{width:100%;border-radius:15px}
}
@media screen and (orientation:landscape) and (max-width:780px){
.popup{max-width:95%;width:auto;max-height:90vh}
#videoPlayer{width:auto;max-height:90vh}
}