<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;500;700;900&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&amp;display=swap');

:root {
    --white-color: #ffffff;
    --primary-color: #ffffff; /* Blanc */
    --secondary-color: #4CAF50; /* Vert */
    --dark-bg: #1f5253d0;
    --light-bg: #ffffff00;
    --ms-3: 0.3s;
}

.arrow-container {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    font-size: 4rem;
    animation: bounce 1.5s infinite;
    transition: transform 0.3s ease, color 0.3s ease;
}

.arrow-container:hover {
    transform: scale(1.2);
    color: #1f63b1; /* Change color on hover */
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
}

.arrow-container:active {
    transform: scale(1.1) translateY(2px);
}
/* Style par dÃ©faut du label */
label {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    background-color: #4b5563; /* Gris par dÃ©faut */
    color: white;
    border: 1px solid #374151;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Style du label lorsqu'il est sÃ©lectionnÃ© */
label.selected {
    background-color: #2563eb; /* Bleu sÃ©lectionnÃ© */
    border-color: #2563eb;
    color: white;
}

.ql-toolbar {
    background-color: #1f2937; /* Couleur de fond sombre */
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #374151; /* Bordure sombre */
}

.ql-toolbar .ql-formats {
    margin: 5px 0;
}

.ql-toolbar button, .ql-toolbar select {
    font-size: 1.2rem; /* Augmente la taille des icÃ´nes */
    padding: 10px;
    margin-right: 5px;
    border-radius: 5px;
    background-color: #374151; /* ArriÃ¨re-plan des boutons */
    color: #ffffff; /* Couleur des icÃ´nes */
    border: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.ql-toolbar button:hover, .ql-toolbar select:hover {
    background-color: #4b5563; /* ArriÃ¨re-plan au survol */
    transform: scale(1.1); /* Animation au survol */
}

.ql-toolbar .ql-active {
    background-color: #2563eb; /* Couleur pour l'Ã©tat actif */
    color: #ffffff;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-50px);
    }
}</pre></body></html>