@keyframes itrotate {
    0%{
        transform: translateY(-13px) scale(0.9);
    }
    100%{
        transform: translateY(13px) scale(1.1);
    }
}
@keyframes borderanimate2 {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    60% {
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
}

@keyframes rotate {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

@keyframes fadeup {
    0%{
        transform: scale(0);
        opacity: 0;
    }
    50%{
        opacity: 1;
        transform: scale(1.03);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeto-top {
    0%{
        transform: translateY(200px);
        opacity: 0;
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
/* topp and bottom (both) */
@keyframes animation-topAndbottom {
    0% {
        transform: translateY(7px);
    }
   
    100% {
        transform: translateY(-7px);
    }
}