.modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: url('background.jpg') repeat; /* Texture kitsch */ } .modal-content { background-color: white; margin: 15% auto; padding: 10px; width: 40vw; text-align: left; /* Alignement à gauche */ border-radius: 5px; /* Bordures légèrement arrondies */ border: 1px solid gray; font-family: "Comic Sans MS", cursive; /* Typo iconique des années 2000 */ background-color: pink; /* Couleurs flashy */ box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); /* Ombres portées pour effet "pop" */ } .close-btn { color: black; font-size: 18px; } .modal.button { padding: 5px 10px; background-color: #ff69b4; /* Rose bonbon */ font-weight: bold;} .close-btn:hover, .close-btn:focus { color: red; /* Rouge pour attirer l’attention */ }