body, html {
            height: 100%;
            background-color: #D877C1;
        }
        .centered-box {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 20px;
            border: 2px solid #ddd;
            border-radius: 8px;
            text-align: center;
            width: 300px;
            background-color: #f9f9f9;
        }
        .logo {
            width: 80px;
            height: auto;
        }

.oui{
    color: white;
    background-color: #D877C1;
    margin: 10px;
}

.non{
    color: #D877C1;
    background-color: white;
    border: 1px solid #D877C1;
    padding: 10px;
}
 .btn-container {
            display: flex;
            justify-content: center;
            margin: 10px; /* Espacement entre les boutons */
        }
.btn {
            border-radius: 50px; /* Arrondir tous les coins */
            margin: 10px; /* Espacer les boutons */
            width: 120px; /* Largeur uniforme pour les boutons */
        }