.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px}.close-button{color:#000;float:right;font-size:28px;font-weight:700}.close-button:hover,.close-button:focus{color:red;text-decoration:none;cursor:pointer}form{display:flex;flex-direction:column;gap:10px}input{padding:10px;font-size:16px}button{padding:10px;font-size:16px;cursor:pointer}