.modal{display:none;z-index:1;width:100%;height:100%;overflow:auto;background-color:#0006;opacity:.9}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fefefe;padding:20px;border:1px solid #888;width:30%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}