/* Modal.css */ .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 1000; } .modal-content { background-color: #fff; padding: 20px; border-radius: 8px; position: relative; max-width: 500px; width: 100%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .modal-close { position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 20px; cursor: pointer; color: #333; } .modal-close:hover { color: #000; }