.modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:auto}.modal-content{text-align:center;background-color:#fff;border:1px solid #888;width:80%;max-width:500px;padding:20px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;cursor:pointer;text-decoration:none}