/****
***** Author: SKDJ
*****
*****/


@keyframes box-flicker {
	0%, 18%, 22%, 25%, 53%, 57%, 100% {
		box-shadow:
		      0 0 4px #fff,
		      0 0 11px #fff,
		      0 0 19px #fff,
		      0 0 40px #0fa,
		      0 0 80px #0fa,
		      0 0 90px #0fa,
		      0 0 100px #0fa,
		      0 0 150px #0fa;
	}
 	20%, 24%, 55% {    
 		box-shadow: none;
 	}
 
 }
@keyframes color-flicker{
	0%, 18%, 22%, 25%, 53%,57%, 100%{
		text-shadow:
		0 0 4px #fff,
		0 0 11px #fff,
		0 0 19px #fff,
		0 0 40px #0fa,
		0 0 80px #0fa,
		0 0 90px #0fa,
		0 0 100px #0fa,
		0 0 150px #0fa;
	}
	
}



@keyframes flicker {
  0%, 18%, 22%, 25%, 53%, 57%, 100% {
    text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #0fa,
      0 0 80px #0fa,
      0 0 90px #0fa,
      0 0 100px #0fa,
      0 0 150px #0fa;
      
  }
  20%, 24%, 55% {       
    text-shadow: none;
    
  }
}


@keyframes shake {
  50% {
    transform: translate3d(20px, 0, 0);
  }
}


@keyframes pulse {
  50% {
    transform: scale(1.5);
  }
}

@keyframes smooth-appear{
	to{
		left: 50%;
		bottom: 50%
		opacity: 1;
		/*z-index: 500;*/
	}
}

@keyframes hide{
	from{
	
	}
	to{
	
	}
}

@keyframes show{
	from{
	
	}
	to{
		
	}
}


@keyframes scrollup{
  	from {
    		transform: rotateZ(var(--zRot)) translateY(calc(var(--BannerHeight) + 10vh)); 
    	}	
	to {
		transform: rotateZ(var(--zRot)) translateY(-150%);
	} 
}

@keyframes from-bottom {
  from{
  	bottom: 50px;
  	opacity: 0;
  }
  to{
    bottom: 0px;
    opacity:1;
  }
}

@keyframes marquee {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(-100%);
    }
}

@keyframes blink {
	50% {
		background-color: transparent; 
	}
}


@keyframes downmove{
  from {top: 0px;}
  to {top: 200px;}
}


@keyframes scroll{
	from{
		transform: translateX(100%);
	}
	to{
		transform: translateX(-100%);
	}
}

@keyframes popout-bounce{
	0%{
		transform: scale(0.6);
	}
	60%{
		transform: scale(1.2);
		z-index: 60;
	}
	100%{
			transform: scale(1.0);
			/*z-index: 60;*/
	}
}


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

@-webkit-keyframes spin {
  0% {
  	-webkit-transform: rotate(0deg);
  } 100% {
  	-webkit-transform: rotate(360deg);
  }
}



@keyframes pop-in{
	0%{
		opacity:0;
		transform: scale(0.1);
		
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}



@keyframes flip {
  100% {
    transform: rotateY(180deg);
  }
}

@keyframes pulse {
  50% {
    transform: scale(1.5);
  }
}

@keyframes glitch {
  50% {
    transform: skew(180deg);
  }
}

@keyframes fill {
  50% {
    transform: translateX(-5%);
  }
}

@keyframes sheen {
  100% {
    transform: rotateZ(60deg) translate(1em, -9em);
  }
}

@keyframes glow {
  50% {
    box-shadow: 0 0 40px hsl(12, 100%, 60%);
  }
}

@keyframes tonyhawk {
  50%,
  100% {
    transform: rotate(900deg);
  }
}

@keyframes blur {
  50% {
    filter: blur(20px);
    transform: skew(45deg);
  }
}

@keyframes flash{
            0% {
                background: linear-gradient(#008000, #00FF00);
                -webkit-background-clip: text;
            }

            100% {
                background: linear-gradient(#3CE7D7, #000FFF);
                -webkit-background-clip: text;
            }
        }