.popup{align-items:center;background-color:rgba(0,0,0,.5);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.popup-content{background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.3);margin:auto;max-height:90%;max-width:800px;overflow:auto;padding:10px;position:relative;width:95%}@media screen and (max-width:768px){.popup-content{width:95%}}.open-popup-button{border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;margin:auto;padding:10px 20px}#closeButton{background-color:transparent;border:none;color:#000;cursor:pointer;font-size:12px;position:absolute;right:10px;top:10px}#videoFrame{height:100%;width:100%}.video-container{height:0;padding-bottom:56.25%;position:relative}.video-container iframe{border:1px solid grey;border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%}