div.popup{
    top: 0px;
    left: 0px;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 2;
}

div.popup div{
    display: inline-block;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: relative;
    border: white 5px solid;
}

span.close{
    right:0;
    top:0;
    position: absolute;
    background-color: black;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: x-large;
    color: white;
    border-radius: 25px;
    text-align: center;
    transform: translate(50%, -50%);
    border: white 5px solid;
    cursor:pointer;
}