.modal{display:flex;justify-content:center;align-items:center;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0009}.modal-content{position:relative;width:80%;max-width:1000px;margin:auto}.close{position:absolute;top:-40px;right:-30px;color:#fff;font-size:35px;font-weight:700;cursor:pointer}