﻿@keyframes bounce{
0%,20%,53%,80%,100%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0);transform-origin:center bottom}
40%,43%{transition-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0);transform-origin:center bottom}
70%{transition-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0);transform-origin:center bottom}
90%{transform:translate3d(0,-4px,0);transform-origin:center bottom}
}

@keyframes speedIn{0%{transform:translate3d(100%,0,0)skewX(-30deg);opacity:0}60%{transform:skewX(20deg)}80%{transform:skewX(-5deg)}100%{transform:none}}

@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}

@keyframes pulse{0%{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}100%{transform:scale3d(1,1,1)}}

@keyframes rubberBand{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}

@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0)rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0)rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0)rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0)rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0)rotate3d(0,0,1,-1deg)}100%{transform:none}}

@keyframes flip{0%{transform:perspective(400px)rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px)translate3d(0,0,150px)rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px)translate3d(0,0,150px)rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px)scale3d(.95,.95,.95);animation-timing-function:ease-in}100%{transform:perspective(400px);animation-timing-function:ease-in}}

@keyframes flipInX{
0%{transform:perspective(400px)rotate3d(1,0,0,80deg);transition-timing-function:ease-in}
40%{transform:perspective(400px)rotate3d(1,0,0,-20deg);transition-timing-function:ease-in}
60%{transform:perspective(400px)rotate3d(1,0,0,10deg)}
80%{transform:perspective(400px)rotate3d(1,0,0,-5deg)}
100%{transform:perspective(400px)}}

@keyframes flipInY{
0%{transform:perspective(400px)rotate3d(0,1,0,90deg);transition-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px)rotate3d(0,1,0,-20deg);transition-timing-function:ease-in}
60%{transform:perspective(400px)rotate3d(0,1,0,10deg);opacity:1}
80%{transform:perspective(400px)rotate3d(0,1,0,-5deg)}
100%{transform:perspective(400px)}
}

@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px)rotate3d(1,0,0,-20deg)}60%{transform:perspective(400px)rotate3d(1,0,0,90deg)}100%{transform:perspective(400px)rotate3d(1,0,0,0deg)}}

@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px)rotate3d(0,1,0,-15deg);opacity:1}100%{transform:perspective(400px)rotate3d(0,1,0,90deg);opacity:0}}

@keyframes hinge{
0%{transform-origin:top left;animation-timing-function:ease-in-out}
20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}
40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out}
100% {transform-origin:top left;transform:none}
}

@keyframes shake{
0%,100%{transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{transform:translate3d(10px,0,0)}
}

@keyframes shakeit{
0%{transform:rotate(0deg)translate(2px,1px)}
10%{transform:rotate(2deg)translate(1px,2px)}
20%{transform:rotate(-2deg)translate(3px,0px)}
30%{transform:rotate(0deg)translate(0px,-2px)}
40%{transform:rotate(-2deg)translate(-1px,1px)}
50%{transform:rotate(2deg)translate(1px,-2px)}
60%{transform:rotate(0deg)translate(3px,-1px)}
70%{transform:rotate(2deg)translate(-2px,-1px)}
80%{transform:rotate(-2deg)translate(1px,1px)}
90%{transform:rotate(0deg)translate(-2px,-2px)}
100%{transform:rotate(2deg)translate(-1px,2px)}
}

@keyframes swing{
20%{transform:rotate3d(0,0,1,15deg);transform-origin:top center}
40%{transform:rotate3d(0,0,1,-10deg);transform-origin:top center}
60%{transform:rotate3d(0,0,1,5deg);transform-origin:top center}
80%{transform:rotate3d(0,0,1,-5deg);transform-origin:top center}
100%{transform:rotate3d(0,0,1,0deg);transform-origin:top center}
}

@keyframes tada{0%{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9)rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1)rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1)rotate3d(0,0,1,-3deg)}100%{transform:scale3d(1,1,1)}}

@keyframes fire{0%{text-shadow:0 -1px 3px #fff,.01rem -.02rem .15rem #fe0,.01rem -1px .15rem #fc0,.02rem -.15rem 3px #f90,.04rem -3px .3rem #f70,1px -.25rem .4rem #f70,.06rem -3px .9rem #f50,.1rem -.1rem 1rem #f40}25%{text-shadow:0 -1px 3px #fff}50%{text-shadow:0 -1px 3px #fff,.01rem -.02rem .15rem #fe0,.01rem -1px .15rem #fc0,.02rem -.15rem 3px #f90,.04rem -3px .3rem #f70,1px -.25rem .4rem #f70,.06rem -3px .9rem #f50,.1rem -.1rem 1rem #f40}75%{text-shadow:0 -1px 3px #fff,0 -.06rem .18rem #fe0,1px -.15rem .23rem #fc0,1px -.15rem .3rem #f90,.07rem -.25rem .4rem #f70,.09rem -.3rem .5rem #f70,.1rem -.3rem .9rem #f50,.1rem -.3rem 1rem #f40}100%{text-shadow:0 -1px 3px #fff}}

@keyframes jump{0%,100%{margin-top:0}30%,80%{margin-top:-.5em}}

@keyframes blink{70%{opacity:.4}}

@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes rotate-a{from{transform:rotatex(0deg)}to{transform:rotatex(360deg)}}
@keyframes rotate-b{from{transform:rotatey(0deg)}to{transform:rotatey(360deg)}}
