.modal-lock{
    position: fixed;
    display:none;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
}
.modal-container{
    position: fixed;
    display:none;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    background-color: #0E0E0E;
    .close{position:absolute;display:block;top:0;right:0;color:#F0F0F0;font-size:1.6rem;background-color:rgba(255,255,255,0.05);padding:0.2rem 1.25rem;line-height:2.5rem;
        transition:all 0.1s ease-in-out;z-index:99;}
    .close i{padding-left:1rem;}
    .close:hover{cursor:pointer;color:#FFF;background-color:rgba(255,255,255,0.1);}
    .modal-render{position:relative;display:block;width:100%;height:100%;font-size:0;}
    
}