.video-popup{
    display:none;
    position:fixed;
    z-index:999999;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.85);

    justify-content:center;
    align-items:center;
}

.video-box{

    position:relative;

    width:90%;
    max-width:900px;

    background:#000;

    border-radius:8px;

    overflow:hidden;

    animation:popupScale .25s ease;
}

.video-box video{

    width:100%;

    display:block;

    max-height:80vh;

    background:#000;
}

.video-close{

    position:absolute;

    right:15px;

    top:5px;

    color:#fff;

    font-size:38px;

    cursor:pointer;

    z-index:10;
}

.video-close:hover{

    color:red;
}

@keyframes popupScale{

    from{

        transform:scale(.8);

        opacity:0;
    }

    to{

        transform:scale(1);

        opacity:1;
    }
}

body.popup-open{

    overflow:hidden;
}