.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center}.modal-content{background-color:#000;padding:20px;border-radius:4px;width:650px;max-width:100%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#6900d1;text-decoration:none;cursor:pointer}