.modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); /* Fond plus sombre */ } .modal-content { margin: 15% auto; padding: 10px; width: 40vw; background-color: #ffdb00; /* Jaune vif */ color: #000; border: 4px solid #000; /* Bordures audacieuses */ font-family: "Arial Black", sans-serif; } .close-btn { color: black; font-size: 18px; } .modal.button { border-radius: 3px; border: none; background-color: #e63946; /* Rouge frappant */ font-size: 18px; } .close-btn:hover, .close-btn:focus { color: red; /* Rouge pour attirer l’attention */ }