body {
    font-family: 'Arial', sans-serif;
}

.unclickable-link {
    color: inherit;
    text-decoration: none;
    cursor: text;
    pointer-events: none;
}

/* Animation pour le header */
@keyframes slideIn {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

#vertical-header.active {
    transform: translateX(0);
    animation: slideIn 0.3s ease-out;
}

/* Styles pour les sections */
section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

section.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Styles pour les graphiques */
canvas {
    max-width: 100%;
    height: auto;
}