.error-modal{display:none;position:fixed;z-index:6;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}
.error-modal-content{text-align:center;height:28%;background-color:#f4f4f4;margin:auto;padding:65px;border:1px solid #888;width:35%;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,0.2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.modal-close{color:#af2219;position:absolute;top:1px;right:10px;font-size:28px;font-weight:bold;cursor:pointer}
.modal-close:hover,.modal-close:focus{color:black;text-decoration:none;cursor:pointer}
@media screen and (max-width:768px){.error-modal-content{width:80%;padding:5%}
}
@media screen and (max-width:480px){.error-modal-content{width:90%;padding:10%}
}