.video-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.9);justify-content:center;align-items:center}.video-modal__content{margin:auto;display:block;max-width:95%;max-height:95vh;animation:zoom .5s ease-in-out}.video-modal__close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:.3s}.video-modal__close:hover,.video-modal__close:focus{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.modal__content{width:100%}}@keyframes zoom{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}