.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fefefe;border:1px solid #888;border-radius:21px;margin:auto;max-width:800px;padding:32px 20px;position:relative;width:calc(100% - 2rem)}.close{color:#aaa;font-size:28px;font-weight:700;position:absolute;right:1.5rem;top:1rem}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}