@keyframes rotateIn{
    0%{
        transform: rotate(0deg);
    }
    20%{
        transform: rotate(18deg);
    }
    45%{
        transform: rotate(10deg);
    }
    75%{
        transform: rotate(16deg);
    }
    100%{
        transform: rotate(14deg);
    }
}
@keyframes rotateOut{
    0%{
        transform: rotate(14deg);
    }
    100%{
        transform: rotate(0deg);
    }
}
@keyframes rotateIn2{
    0%{
        transform: rotate(0deg) translateY(0px) translateX(0px);
    }
    20%{
        transform: rotate(-7deg) translateY(-3px) translateX(3px);
    }
    45%{
        transform: rotate(7deg) translateY(3px) translateX(-3px);
    }
    75%{
        transform: rotate(-3deg) translateY(-1px) translateX(1px);
    }
    100%{
        transform: rotate(0deg) translateY(0px) translateX(0px);
    }
}
@keyframes rotateOut2{
    0%{
        transform: rotate(0deg) translateY(0px) translateX(0px);
    }
    50%{
        transform: rotate(-7deg) translateY(-3px) translateX(3px);
    }
    100%{
        transform: rotate(0deg) translateY(0px) translateX(0px);
    }
}

 @keyframes bounceIn {
    0% {

       transform: rotate(0deg) translateY(0px) translateX(0px);
        
    }
    20% {
       
       transform: rotate(-15deg) translateY(48px) translateX(32px);
    }
    45% {
       transform: rotate(-7deg) translateY(24px) translateX(18px);
    }
     75% {
         transform: rotate(-12deg) translateY(36px) translateX(28px);
     }
    100% {
       transform: rotate(-10deg) translateY(32px) translateX(24px);
    }
 }
         
@keyframes bounceOut {
    0% {

       transform: rotate(-10deg) translateY(32px) translateX(24px);
        
    }
    100% {
       transform: rotate(0deg) translateY(0px) translateX(0px);
    }
 }

@keyframes zoomOut {
    0% {

       transform: scale(184,98);
        
    }
    100% {
       transform: scale(1,1);
    }
 }
@keyframes zoomIn {
    0% {

       transform: scale(1,1);
        
    }
    60% {
       
       transform: scale(203,108);
    }
    100% {
       transform: scale(184,98);
    }
 }
@keyframes blurIn {
    0% {
        filter: blur(0px);
    }
    13% {
        filter: blur(5px);
        transform: rotate(-2deg);
    }
    26% {
        filter: blur(0px);
    }
    40% {
        filter: blur(3px);
    }
    66% {
        filter: blur(0px);
        transform: rotate(0deg);
    }
    99%{
        opacity: 0.8;
    }
    100%{
        opacity: 1;
    }
 }
@keyframes levelIn {
    0% {
        transform: rotate(0deg);
        border:1px solid #48F712;
    }
    20% {
        transform: rotate(-5deg);
        border:0.5px #E5DFDA solid;
    }
    80% {
        border:0.5px #E5DFDA solid;
    }
    100% {
        transform: rotate(0deg);
        border:1px solid #48F712;
    }
 }
@keyframes clearOut {
    0% {
        opacity:1;
    }
    99% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
 }
@keyframes shutterIn {
    0% {
        background:none;
        height:145px;
    }
    5%{
        height:200px;   
    }
    86% {
        background:none;
        height:200px;
    }
    93% {
        background:rgba(229,223,218,0.8);
        height:124px;
    }
    100% {
        background:none;
        height:232px;
    }
 }
@keyframes shutterOut {
    0% {
        height:200px;
    }
    100% {
        height:145px;
    }
 }
@keyframes tuner {
    0% {
        top:0%;
        
    }
    45% {
        top:-100%;
    }
    45.01% {
        top:100%;
    }
    100% {
        top:0%;
    }
 }
@keyframes tunerFiller {
    0% {
        top:100%;
    }
    45% {
        top:0%;
    }
    100% {
        top:-100%;
    }
 }
@keyframes arrowDown{
    0%{
        top:4px;
    }
    100%{
        top:30px;
    }
}
/*@keyframes tileBounce{
    10%{
        padding-top:8px;
        filter: drop-shadow(2px 4px 8px rgba(0, 0, 0, 0.2));
    }25%{
        padding-top:0px;
        filter: drop-shadow(12px 24px 12px rgba(0, 0, 0, 0.4));
    }60%{
        padding-top:0px;
        filter: drop-shadow(12px 24px 12px rgba(0, 0, 0, 0.4));
    }75%{
        padding-top:8px;
        filter: drop-shadow(2px 4px 8px rgba(0, 0, 0, 0.2));
    }
}
*/
@keyframes fly{
    0%{
        padding-bottom: 0px;
        padding-left:0px;
    }
    50%{
        padding-bottom: 8px;
        padding-left: 8px;
    }
    100%{
        padding-bottom: 0px;
        padding-left:0px;
    }
}
@keyframes radar{
    0%{
        transform: scale(4);
        opacity:0.4;
    }
    100%{
        transform:scale(24);
        opacity:0;
    }
}
@keyframes waves{
    0%{
        left:0px;
    }
    100%{
        left:-39.5px;
    }
}
@keyframes brushSwing{
    0%{
        transform: rotate(0) translateX(0) translateY(0);
        filter: drop-shadow(12px 24px 12px rgba(0, 0, 0, 0.4));
    }
    50%{
        transform: rotate(5deg) translateX(-12px) translateY(10px);
        filter: drop-shadow(8px 16px 8px rgba(0, 0, 0, 0.4));
    }
    100%{
        transform: rotate(0) translateX(0) translateY(0);
        filter: drop-shadow(12px 24px 12px rgba(0, 0, 0, 0.4));
    }
}
@keyframes brushHit1{
    0%{
        transform: rotate(-45deg) translateX(0) translateY(0);
    }
    10%{
        transform: rotate(-90deg) translateX(140px) translateY(-100px);
    }
    20%{
        transform: rotate(-90deg) translateX(110px) translateY(-81.66px);
    }
    30%{
        transform: rotate(-90deg) translateX(180px) translateY(-63.33px);
    }
    40%{
        transform: rotate(-90deg) translateX(100px) translateY(-45px);
    }
    50%{
        transform: rotate(-90deg) translateX(180px) translateY(-26.66px);
    }
    60%{
        transform: rotate(-90deg) translateX(110px) translateY(-8.33px);
    }
    70%{
        transform: rotate(-90deg) translateX(140px) translateY(10px);
    }
    
    80%{
        transform: rotate(-45deg) translateX(0) translateY(0);
    }
    100%{
        transform: rotate(-45deg) translateX(0) translateY(0);
    }
}
@keyframes brushHit{
    0%{
        transform: rotate(-90deg) translateX(140px) translateY(-45px);
    }
    100%{
        transform: rotate(-45deg) translateX(0) translateY(0);
    }
}
@keyframes redSun{
    0%{
        width:0px;
        opacity:1;
    }
    10%{
        width:0px;
        opacity:1;
    }
    70%{
        width:114px;
        opacity:1;
    }
    100%{
        width:143px;
        opacity:0;
    }
}
@keyframes pillRotate{
    0%{
        transform: rotate(0deg);
    }
    50%{
        transform: rotate(30deg);
    }
    100%{
        transform: rotate(0deg);
    }
}
@keyframes ballHit{
    0%{
        transform:rotate(0deg) translateX(0) translateY(0);
    }
    15%{
        transform:rotate(12deg) translateX(80px) translateY(-40px);
    }
    30%{
        transform: rotate(-45deg) translateX(40px) translateY(-70px);
    }
    32%{
        transform: rotate(-45deg) translateX(40px) translateY(-70px);
    }
    53%{
        transform: rotate(-45deg) translateX(-20px) translateY(-130px);
    }
    60%{
        transform: rotate(-90deg) translateX(0px) translateY(-125px);
    }
    65%{
        transform: rotate(-90deg) translateX(16px) translateY(-145px);
    }
    80%{
        transform: rotate(-90deg) translateX(16px) translateY(-145px);
    }
    85%{
        transform: rotate(-90deg) translateX(0) translateY(0) scale(10);
    }
    95%{
        transform: rotate(0deg) translateX(0) translateY(0) scale(10);
    }
    100%{
        transform: rotate(0deg) translateX(0) translateY(0);
    }
}
@keyframes goal{
    65%{
        transform:scale(0.01);
        opacity: 0;
    }
    68%{
        transform:scale(1.1);
        opacity: 1;
        letter-spacing: 8px;
    }
    69%{
        transform:scale(1);
        opacity: 1;
        letter-spacing: 2px;
    }
    81%{
        transform:scale(1);
        opacity: 1;
        letter-spacing: 2px;
    }
    83%{
        transform:scale(0.01);
        opacity: 0;
    }
}