@keyframes latidos {
    0%  {transform:scale(1)}
    25% {transform:scale(1.1)}
    30% {transform:scale(1.1)}
    50% {transform:scale(1.2)}
    60% {transform:scale(1.2)}
    100% {transform:scale(1)}

}
.hearth {
    animation-name: latidos;
    animation-duration: 4s;
    animation-delay: 1s, 5s;
    animation-iteration-count: infinite;
}
@keyframes bigherath {
    0% {transform:scale(1)}
    100% {transform:scale(10)}
}
@keyframes movehearth {
    0% {top: 20%}
    100%{top:-20%}
}
.div-corazon{
    animation: movehearth;
    animation-duration: 5s;
}
.bighearth{
    animation: bigherath;
    animation-duration: 2s;
}
#corazon2::-webkit-scrollbar{
    display: none;
}
#corazon2{
    -ms-overflow-style: none;
    scrollbar-width: none;
}
@keyframes ondas {
    0% {
        transform: translateX(0)
    }
    /*0%  {transform:scale(1.2, 1); transform-origin:left }*/
    /*50% {transform:scale(1.4, 1); transform-origin:left }*/
    100% {
        transform: translateX(100%) rotateX(180deg)
    }
}
#ondas {
    animation-name: ondas;
    animation-duration: 8s;
    animation-delay: 1s, 5s;
    animation-iteration-count: 3;
}