.animated_left {
    animation-name: anime_left;
    animation-duration: 1s;
}

@keyframes anime_left {
    from {
        margin-left: -10%;
        opacity: 0;
    }

    to {
        margin-left: 0;
        opacity: 1;
    }
}




@keyframes msg_flut {
    from {
        translate: -25px;
        transform: rotate(5deg);
    }

    to {
        translate: 6px;
        transform: rotate(3deg);
    }
}

@keyframes cap_flut {
    from {
        translate: 0px 70px;
        transform: rotate(5deg);
    }

    to {
        translate: 0px -10px;
        transform: rotate(3deg);
    }
}

@keyframes produto_wait {

     40% {
        background-image: linear-gradient(90deg, #ededed00, #ededed33 20%, #ededed80 40%, #ededed00);
    }
     60%{
        background-image: linear-gradient(90deg, #ededed00, #ededed33 20%, #ededed80 60%, #ededed00);
     }
     80%{
        background-image: linear-gradient(90deg, #ededed00, #ededed33 20%, #ededed80 80%, #ededed00);
     }
     
    100% {
        background-image: linear-gradient(90deg, #ededed00, #ededed33 20%, #ededed80 95%, #ededed00);
    } 
}