/* coloniamail.com - animation.css */

@keyframes puff-in {

0%{opacity:0;transform-origin:50% 50%;transform:scale(1);}
80%{opacity:1;transform-origin:50% 50%;transform:scale(.5);}
100%{opacity:1;transform-origin:50% 50%;transform:scale(1);}

}

@keyframes fade-in {

0% {transform: scale(.8);}
50% {transform: scale(1.1);}
100% {transform: scale(1);}

}

@keyframes move-down {

0% {transform: translateY(0);}
50% {transform: translateY(10px);}
100% {transform: translateY(0);}

}

@keyframes move-left {

0% {transform: translateX(0);}
50% {transform: translateX(-10px);}
100% {transform: translateX(0);}

}

@keyframes rotate {

0% {transform: rotate(0) ;}
100% {transform: rotate(1440deg) }

}

@keyframes flip {

0% {transform: rotateX(0deg) rotateY(0deg);}
50% {transform: rotateX(360deg) rotateY(45deg)}
100% {transform: rotateX(0deg) rotateY(180deg);}

}