.un .box h1{
    animation-name: transition ;
    animation-duration: 2s;
}

.deux .box {
    animation-name: transition ;
    animation-duration: 1s;
}



@keyframes transition{
    0% {
        opacity: 0;
        transform: scale(0.98);
    }

    100% {
        opacity: 1;
        transform: scale(1);

    }
}

/*___________________________________________________*/

header nav  {
    animation-name: transition_nav ;
    animation-duration: .3s;
}

@keyframes transition_nav{
    0% {
        opacity: 0;
     
    }

    100% {
        opacity: 1;
    
    }
}

.logo img,.liens,.toggle-buton {
    animation-name: transition_liens;
    animation-duration: .5s;
}

@keyframes transition_liens{
    0% {
        opacity: 0;
        transform:scale(.98);
    
    }

    100% {
        opacity: 1; transform:scale(1);
       
    }
}