.textoAnimado {
 animation-name: texto;
 animation-duration: 3s;
 animation-iteration-count: 1;

}

@keyframes texto {
    from {

    transform: translateX(1700px);
    color: #3e8054;

}
to   {

     transform: translateX(0px);
     color: rgb(248, 248, 80);


}
}

.menuAnimado {
    animation-name: menup;
    animation-duration: 3s;
    animation-iteration-count: 1;
}

@keyframes menup {
    from {
transform: translateX(1800px);
    }
    to {
        transform: translateX(0px);

    }
}