@keyframes bgrotate {
  0% {
    filter: hue-rotate(0deg);
  }
  
  100% {
    filter: hue-rotate(360deg);
  }
}

@keyframes bgFlicker {
	0% { background-position: 0% 70%; }
	50% { background-position: 100% 30%; }
	100% { background-position: 0% 70%; }
}

@keyframes bgGridMove {
	0% { background-position:center center; }
	50% { background-position: center 10%; }
	100% { background-position:center center; }
}

@keyframes shake {
  0% { transform: translate(2px, 2px); }
  10% { transform: translate(-2px, -4px); }
  20% { transform: translate(-6px, 0px); }
  30% { transform: translate(6px, 4px); }
  40% { transform: translate(2px, -2px); }
  50% { transform: translate(-2px, 4px); }
  60% { transform: translate(-6px, 2px); }
  70% { transform: translate(6px, 2px); }
  80% { transform: translate(-2px, -2px); }
  90% { transform: translate(2px, 4px); }
  100% { transform: translate(2px, 2px); }
}

@keyframes st4Color {
  0% { fill: hsl(37, 91%, 55%) }
  25% { fill: hsl(37, 91%, 80%) }
  50% { fill: hsl(37, 91%, 55%) }
  75% { fill: hsl(37, 91%, 0%) } 
 }

@keyframes st3Color {
  0% { fill: hsl(20, 86%, 58%) }
  25% { fill: hsl(20, 86%, 80%) }
  50% { fill: hsl(20, 86%, 58%) }
  75% { fill: hsl(20, 86%, 0%) }
}

@keyframes st2Color {
  0% { fill: hsl(360, 77%, 60%) }
  25% { fill: hsl(360, 77%, 80%) }
  50% { fill: hsl(360, 77%, 60%) }
  75% { fill: hsl(360, 77%, 0%) }
}

@keyframes st1Color {
  0% { fill: hsl(340, 76%, 50%) }
  25% { fill: hsl(340, 76%, 80%) }
  50% { fill: hsl(340, 76%, 50%) }
  75% { fill: hsl(340, 76%, 0%) }
}

@keyframes box_shadows_tl{
  0% {
    box-shadow:
    	none;
  }
  10% {
    box-shadow: 
    	4px 4px 0 #DF1E5E;
  }
  20% {
    box-shadow:
    	4px 4px 0 #E84A4B,
		8px 8px 0 #DF1E5E;
  }
  30% {
    box-shadow:
    	4px 4px 0 #F07539,
		8px 8px 0 #E84A4B,
		12px 12px 0 #DF1E5E;
  }
  40% {
    box-shadow:
    	4px 4px 0 #F5A526,
		8px 8px 0 #F07539,
		12px 12px 0 #E84A4B,
		16px 16px 0 #DF1E5E;
  }
  50% {
    box-shadow:
    	4px 4px 0 #F5A526,
		8px 8px 0 #F07539,
		12px 12px 0 #E84A4B,
		16px 16px 0 #DF1E5E;
  }
  60% {
    box-shadow:
    	4px 4px 0 #F5A526,
		8px 8px 0 #F07539,
		12px 12px 0 #E84A4B,
		16px 16px 0 #DF1E5E;
  }
  70% {
    box-shadow:
    	4px 4px 0 #F07539,
		8px 8px 0 #E84A4B,
		12px 12px 0 #DF1E5E;
  }
  80% {
    box-shadow:
    	4px 4px 0 #E84A4B,
    	8px 8px 0 #DF1E5E;
  }
  90% {
    box-shadow: 
    	4px 4px 0 #DF1E5E;
  }
  100% {
    box-shadow: 
    	none;
  }
}

@keyframes box_shadows_tr{
  0% {
    box-shadow:
    	none;
  }
  10% {
    box-shadow: 
    	-4px 4px 0 #DF1E5E;
  }
  20% {
    box-shadow:
    	-4px 4px 0 #E84A4B,
		-8px 8px 0 #DF1E5E;
  }
  30% {
    box-shadow:
    	-4px 4px 0 #F07539,
		-8px 8px 0 #E84A4B,
		-12px 12px 0 #DF1E5E;
  }
  40% {
    box-shadow:
    	-4px 4px 0 #F5A526,
		-8px 8px 0 #F07539,
		-12px 12px 0 #E84A4B,
		-16px 16px 0 #DF1E5E;
  }
  50% {
    box-shadow:
    	-4px 4px 0 #F5A526,
		-8px 8px 0 #F07539,
		-12px 12px 0 #E84A4B,
		-16px 16px 0 #DF1E5E;
  }
  60% {
    box-shadow:
    	-4px 4px 0 #F5A526,
		-8px 8px 0 #F07539,
		-12px 12px 0 #E84A4B,
		-16px 16px 0 #DF1E5E;
  }
  70% {
    box-shadow:
    	-4px 4px 0 #F07539,
		-8px 8px 0 #E84A4B,
		-12px 12px 0 #DF1E5E;
  }
  80% {
    box-shadow:
    	-4px 4px 0 #E84A4B,
    	-8px 8px 0 #DF1E5E;
  }
  90% {
    box-shadow: 
    	-4px 4px 0 #DF1E5E;
  }
  100% {
    box-shadow: 
    	none;
  }
}

@keyframes box_shadows_br{
  0% {
    box-shadow:
    	none;
  }
  10% {
    box-shadow: 
    	-4px -4px 0 #DF1E5E;
  }
  20% {
    box-shadow:
    	-4px -4px 0 #E84A4B,
		-8px -8px 0 #DF1E5E;
  }
  30% {
    box-shadow:
    	-4px -4px 0 #F07539,
		-8px -8px 0 #E84A4B,
		-12px -12px 0 #DF1E5E;
  }
  40% {
    box-shadow:
    	-4px -4px 0 #F5A526,
		-8px -8px 0 #F07539,
		-12px -12px 0 #E84A4B,
		-16px -16px 0 #DF1E5E;
  }
  50% {
    box-shadow:
    	-4px -4px 0 #F5A526,
		-8px -8px 0 #F07539,
		-12px -12px 0 #E84A4B,
		-16px -16px 0 #DF1E5E;
  }
  60% {
    box-shadow:
    	-4px -4px 0 #F5A526,
		-8px -8px 0 #F07539,
		-12px -12px 0 #E84A4B,
		-16px -16px 0 #DF1E5E;
  }
  70% {
    box-shadow:
    	-4px -4px 0 #F07539,
		-8px -8px 0 #E84A4B,
		-12px -12px 0 #DF1E5E;
  }
  80% {
    box-shadow:
    	-4px -4px 0 #E84A4B,
    	-8px -8px 0 #DF1E5E;
  }
  90% {
    box-shadow: 
    	-4px -4px 0 #DF1E5E;
  }
  100% {
    box-shadow: 
    	none;
  }
}

@keyframes box_shadows_bl{
  0% {
    box-shadow:
    	none;
  }
  10% {
    box-shadow: 
    	4px -4px 0 #DF1E5E;
  }
  20% {
    box-shadow:
    	4px -4px 0 #E84A4B,
		8px -8px 0 #DF1E5E;
  }
  30% {
    box-shadow:
    	4px -4px 0 #F07539,
		8px -8px 0 #E84A4B,
		12px -12px 0 #DF1E5E;
  }
  40% {
    box-shadow:
    	4px -4px 0 #F5A526,
		8px -8px 0 #F07539,
		12px -12px 0 #E84A4B,
		16px -16px 0 #DF1E5E;
  }
  50% {
    box-shadow:
    	4px -4px 0 #F5A526,
		8px -8px 0 #F07539,
		12px -12px 0 #E84A4B,
		16px -16px 0 #DF1E5E;
  }
  60% {
    box-shadow:
    	4px -4px 0 #F5A526,
		8px -8px 0 #F07539,
		12px -12px 0 #E84A4B,
		16px -16px 0 #DF1E5E;
  }
  70% {
    box-shadow:
    	4px -4px 0 #F07539,
		8px -8px 0 #E84A4B,
		12px -12px 0 #DF1E5E;
  }
  80% {
    box-shadow:
    	4px -4px 0 #E84A4B,
    	8px -8px 0 #DF1E5E;
  }
  90% {
    box-shadow: 
    	4px -4px 0 #DF1E5E;
  }
  100% {
    box-shadow: 
    	none;
  }
}

@keyframes box_shadows_move_tl {
  0% {
    transform: translate(0px, 0px) scale(1) rotate(0);
  }
  50% {
    transform: translate(-16px, -16px) scale(1) rotate(0);
  }
  100% {
    transform: translate(0px, 0px) scale(1) rotate(0);
  }
}

@keyframes box_shadows_move_tr {
  0% {
    transform: translate(0px, 0px) scale(1) rotate(0);
  }
  50% {
    transform: translate(16px, -16px) scale(1) rotate(0);
  }
  100% {
    transform: translate(0px, 0px) scale(1) rotate(0);
  }
}

@keyframes box_shadows_move_br {
  0% {
    transform: translate(0px, 0px) scale(1) rotate(0);
  }
  50% {
    transform: translate(16px, 16px) scale(1) rotate(0);
  }
  100% {
    transform: translate(0px, 0px) scale(1) rotate(0);
  }
}

@keyframes box_shadows_move_bl {
  0% {
    transform: translate(0px, 0px) scale(1) rotate(0);
  }
  50% {
    transform: translate(-16px, 16px) scale(1) rotate(0);
  }
  100% {
    transform: translate(0px, 0px) scale(1) rotate(0);
  }
}

@keyframes flicker {
  0% {
    opacity: 0.27861;
  }
  5% {
    opacity: 0.34769;
  }
  10% {
    opacity: 0.23604;
  }
  15% {
    opacity: 0.90626;
  }
  20% {
    opacity: 0.18128;
  }
  25% {
    opacity: 0.83891;
  }
  30% {
    opacity: 0.65583;
  }
  35% {
    opacity: 0.67807;
  }
  40% {
    opacity: 0.26559;
  }
  45% {
    opacity: 0.84693;
  }
  50% {
    opacity: 0.96019;
  }
  55% {
    opacity: 0.08594;
  }
  60% {
    opacity: 0.20313;
  }
  65% {
    opacity: 0.71988;
  }
  70% {
    opacity: 0.53455;
  }
  75% {
    opacity: 0.37288;
  }
  80% {
    opacity: 0.71428;
  }
  85% {
    opacity: 0.70419;
  }
  90% {
    opacity: 0.7003;
  }
  95% {
    opacity: 0.36108;
  }
  100% {
    opacity: 0.24387;
  }
}

@keyframes textShadow {
  0% {
    text-shadow: 0.4389924193300864px 0 1px rgba(0,30,255,0.5), -0.4389924193300864px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  5% {
    text-shadow: 2.7928974010788217px 0 1px rgba(0,30,255,0.5), -2.7928974010788217px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  10% {
    text-shadow: 0.02956275843481219px 0 1px rgba(0,30,255,0.5), -0.02956275843481219px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  15% {
    text-shadow: 0.40218538552878136px 0 1px rgba(0,30,255,0.5), -0.40218538552878136px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  20% {
    text-shadow: 3.4794037899852017px 0 1px rgba(0,30,255,0.5), -3.4794037899852017px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  25% {
    text-shadow: 1.6125630401149584px 0 1px rgba(0,30,255,0.5), -1.6125630401149584px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  30% {
    text-shadow: 0.7015590085143956px 0 1px rgba(0,30,255,0.5), -0.7015590085143956px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  35% {
    text-shadow: 3.896914047650351px 0 1px rgba(0,30,255,0.5), -3.896914047650351px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  40% {
    text-shadow: 3.870905614848819px 0 1px rgba(0,30,255,0.5), -3.870905614848819px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  45% {
    text-shadow: 2.231056963361899px 0 1px rgba(0,30,255,0.5), -2.231056963361899px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  50% {
    text-shadow: 0.08084290417898504px 0 1px rgba(0,30,255,0.5), -0.08084290417898504px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  55% {
    text-shadow: 2.3758461067427543px 0 1px rgba(0,30,255,0.5), -2.3758461067427543px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  60% {
    text-shadow: 2.202193051050636px 0 1px rgba(0,30,255,0.5), -2.202193051050636px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  65% {
    text-shadow: 2.8638780614874975px 0 1px rgba(0,30,255,0.5), -2.8638780614874975px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  70% {
    text-shadow: 0.48874025155497314px 0 1px rgba(0,30,255,0.5), -0.48874025155497314px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  75% {
    text-shadow: 1.8948491305757957px 0 1px rgba(0,30,255,0.5), -1.8948491305757957px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  80% {
    text-shadow: 0.0833037308038857px 0 1px rgba(0,30,255,0.5), -0.0833037308038857px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  85% {
    text-shadow: 0.09769827255241735px 0 1px rgba(0,30,255,0.5), -0.09769827255241735px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  90% {
    text-shadow: 3.443339761481782px 0 1px rgba(0,30,255,0.5), -3.443339761481782px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  95% {
    text-shadow: 2.1841838852799786px 0 1px rgba(0,30,255,0.5), -2.1841838852799786px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  100% {
    text-shadow: 2.6208764473832513px 0 1px rgba(0,30,255,0.5), -2.6208764473832513px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
}