@keyframes rotatex {
    0% {
    transform: translateX(0) ;
    opacity: 1;
  }
    25% {
        transform: translateX(3px);
        opacity: 0.8;
    }
    50% {
        transform: translateX(5px) scale(1.1, 0.9);
        opacity: 0.4;
    }
    75% {
        ransform: translateX(3px) ;
        opacity: 0.8;
    }
    100% {
        transform: translateX(0) ;
        opacity: 1;
    }
}
@keyframes rotatey {
    0% {
    transform: translateX(0) ;
    opacity: 1;
  }
    25% {
        transform: translateX(-3px);
        opacity: 0.8;
    }
    50% {
        transform: translateX(-5px) scale(1.1, 0.9);
        opacity: 0.4;    
    }
    75% {
        transform: translateX(-3px) ;
        opacity: 0.8;
    }
    100% {
        transform: translateX(0) ;
        opacity: 1;
    }
}
@keyframes bgrotatey {
    0% {
    background-position:right 1px;
    opacity: 1;
  }
    25% {
        background-position:right 0px;
        opacity: 0.8;
    }
    50% {
        background-position:right 1px;
        opacity: 0.4;
    }
    75% {
        background-position:right 2px;
        opacity: 0.8;
    }
    100% {
        background-position:right 1px;
        opacity: 1;
    }
}
@keyframes imgrotatey {
    0% {
        transform: rotateX(-90deg); 
    }
    70% {
        transform: rotateX(45deg); 
    }
    100% {
        transform: rotateX(0deg); 
    }
}
@keyframes imgrotateyt {
    0% {
        transform: rotateX(90deg); 
    }
    70% {
        transform: rotateX(-45deg); 
    }
    100% {
        transform: rotateX(0deg); 
    }
}
@keyframes ttrotateyt {
    0% {
        transform: translate(0,0px);
        display:none;
    }
    30% {
        transform: translate(0,-50px);
    }
    100% {
        transform: translate(0,-70px);
    }
}
@keyframes ycrotateyt {
    0% {
        top:40;
    }
    30% {
        top:20;
    }
    100% {
        top:0;
    }
}
@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}