.modal{display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .5)}.modal-content{background-color:#00000040;margin:10% auto;padding:1em;border:0;width:80%;max-width:80em;text-align:center;position:relative;border-radius:16px}@media (max-width:768px){.modal-content{background-color:#00000040;margin:50% auto;padding:.5em;border:0;width:95%;max-width:40em}}.modal-content:hover{background-color:#00000070}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover{color:#fff}