keyframes fadeIn from{opacity:0}keyframes fadeIn to{opacity:1}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideOutUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes scaleOut{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceOut{0%{opacity:1;transform:scale(1)}20%{transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:0;transform:scale(.3)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}@keyframes rotateOut{0%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(200deg)}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px)rotateX(90deg)}40%{transform:perspective(400px)rotateX(-20deg)}60%{transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{opacity:1;transform:perspective(400px)rotateX(0)}}@keyframes flipOutX{0%{opacity:1;transform:perspective(400px)rotateX(0)}to{opacity:0;transform:perspective(400px)rotateX(90deg)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px)rotateY(90deg)}40%{transform:perspective(400px)rotateY(-20deg)}60%{transform:perspective(400px)rotateY(10deg)}80%{transform:perspective(400px)rotateY(-5deg)}to{opacity:1;transform:perspective(400px)rotateY(0)}}@keyframes flipOutY{0%{opacity:1;transform:perspective(400px)rotateY(0)}to{opacity:0;transform:perspective(400px)rotateY(90deg)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}50%{opacity:1}to{opacity:0;transform:scale(.3)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1)rotate(3deg)}40%,60%,80%{transform:scale(1.1)rotate(-3deg)}to{transform:scale(1)rotate(0)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes rubberBand{0%{transform:scale(1)}30%{transform:scaleX(1.25)scaleY(.75)}40%{transform:scaleX(.75)scaleY(1.25)}60%{transform:scaleX(1.15)scaleY(.85)}to{transform:scale(1)}}@keyframes lightSpeedIn{0%{opacity:0;transform:translate(100%)skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{opacity:1;transform:skew(-5deg)}to{opacity:1;transform:translate(0,0)skew(0)}}@keyframes lightSpeedOut{0%{opacity:1}to{opacity:0;transform:translate(100%)skew(30deg)}}@keyframes hinge{0%{transform-origin:0 0;animation-timing-function:ease-in-out;transform:rotate(0)}20%,60%{transform-origin:0 0;animation-timing-function:ease-in-out;transform:rotate(80deg)}40%{transform-origin:0 0;animation-timing-function:ease-in-out;transform:rotate(60deg)}80%{transform-origin:0 0;animation-timing-function:ease-out;transform:rotate(60deg)translateY(0)}to{transform:translateY(700px)}}@keyframes rollIn{0%{opacity:0;transform:translate(-100%)rotate(-120deg)}to{opacity:1;transform:translate(0,0)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate(100%)rotate(120deg)}}
