.popup .overlay {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgb(0, 0, 0);
    z-index:1500; 
    display:none;
}
  
.popup .content {
    width:75%;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(0);
    background:rgb(0, 0, 0);
    color:white;
    font-family: zx-spectrum;
    font-size: 12px;
    z-index:2000;
    text-align:center;
    padding:3%;
    box-sizing:border-box;
}

.popup img {
    width: 60%;
}

.popup h3 {
    margin-bottom: 5%;
    font-size: 2vh;
}

.popup .close-btn {
    width:30px;
    height:30px;
    position:absolute;
    right:-1%;
    top:-5%;
    color:#7700ff;
    font-size:50px;
    font-weight:800;
    cursor: pointer;
}
  
.popup.active .overlay {
    display:block;
}

.popup.active .content {
    transition:all 300ms ease-in-out;
    transform:translate(-50%,-50%) scale(1);
}