/* Animation de slide-in */
.wantaslide-in {
    animation: slideIn 0.7s ease-out forwards;
    position: fixed; /* ou absolute selon votre besoin */
    top: 0;
    left: 0;
    width: 100%;
}

/* Définir les keyframes pour l'animation de slide-in */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(100%); /* La page commence hors de l'écran à droite */
    }

    to {
        opacity: 1;
        transform: translateX(0); /* La page glisse vers l'intérieur */
    }
}