#coisadesom.animation {
    animation: tutstuts 0.5s infinite
}

#divdasfields.animation {
    animation: oitudobem 1s ease-in-out forwards
}

#divdasfields.animation2 {
    animation: tchau 1s ease-in-out forwards
}

@keyframes tutstuts {
    0% {
        height: 50px;
        transform: translateY(0px);
        transform: translateX(0px);
    }
    50% {
        height: 55px;
        transform: translateY(-5px);
        transform: translateX(-5px);
    }
    100% {
        height: 50px;
        transform: translateY(0px);
        transform: translateX(0px);
    } 
}

@keyframes oitudobem {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(350px);
    } 
}

@keyframes tchau {
    0% {
        transform: translateX(350px);
    }
    100% {
        transform: translateX(0px);
    } 
}

#branco.animation {
    animation: branco 0.4s ease-in-out forwards
}
@keyframes branco {
        0% {
            opacity: 0.7
        }
        100% {
            opacity: 0
        } 
    }