@keyframes pblur{
	0% {
		filter:blur(10px);
	}
	100%{
		filter:blur(0px);
	}
}
@keyframes blink{
	0% {
		opacity:1;
		filter:brightness(50%)
	}
	25%{
		opacity:1;
		filter:brightness(100%)
	}
	50%{
		opacity:1;
		filter:brightness(200%)
	}
	75%{
		opacity:1;
		filter:brightness(100%)
	}
	100%{
		opacity:1;
		filter:brightness(50%)
	}
}
@keyframes clipleft{
	0% {
		clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
	}
	100%{
		clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
}
@keyframes clipright{
	0% {
		clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
	}
	100%{
		clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
}
@keyframes clippaint{
	0% {
		clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
		background-color:white;
	}
	25%{
		clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		background-color:white;
	}
	60%{
		clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
		background-color:white;
	}
	61% {
		clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
		background-color:black;
	}
	100%{
		clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		background:black;
	}
}
@keyframes clipup{
	0% {
		clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
		
	}
	100%{
		clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
}
@keyframes clipdn{
	0% {
		clip-path:polygon(0% 0%, 100% 0%, 0% 0%, 0% 0%);
	}
	100%{
		clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
}
@keyframes dotmove{
	0% {
		transform:TranslateY(0);
		opacity:1;
	}
	99%{
		transform:TranslateY(-80vh);
		opacity:1;
	}
	100%{
		transform:TranslateY(-80vh);
		opacity:0;
	}
}
@keyframes moveright{
	0% {
		transform:TranslateX(10%);
		opacity:1;
	}
	99%{
		transform:TranslateX(100%);
		opacity:1;
	}
	100%{
		transform:TranslateX(100%);
		opacity:0;
	}
}
@keyframes appearleft {
  from {
    transform: ScaleX(0);
  }
  to {
    transform: scaleX(100px);
  }
}
@keyframes appear {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fade {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes slideIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.8;
  }
  40% {
	transform:translateX(-10%);
	scale: 150% 150%;
    opacity: 0.8;
  }
  80% {
	transform:translateX(random(-200px, 200px));
    opacity: 0.8;
  }
  100% {
	transform:translateX(random(-200px, 200px));
	scale: 150% 150%;
    opacity: 0;
  }
}
@keyframes color-change {
  0% { color: white; }
  25% { color: yellow; }
  50% { color: red; }
  75% { color: yellow; }
  100% { color: white; }
}
@keyframes forhome {
  0% { text-shadow: 0 0 10px white; }
  25% { text-shadow: 0 0 20px yellow; }
  50% { text-shadow: 0 0 20px red; }
  75% { text-shadow: 0 0 20px yellow;}
  100% { text-shadow: 0 0 10px white; }
}
@keyframes glow{
	0% { background-image:linear-gradient(-45deg, white, white, yellow, orange, yellow, white, white); }
    20% { background-image:linear-gradient(-45deg, white, white, white, yellow, orange, yellow, white); }
    40% { background-image:linear-gradient(-45deg, white, white, white, white, yellow, orange, yellow); } 
    60% { background-image:linear-gradient(-45deg, yellow, orange, yellow, white, white, white, white); }
    80% { background-image:linear-gradient(-45deg, white, yellow, orange, yellow, white, white, white); }
	100% { background-image:linear-gradient(-45deg, white, white, yellow, orange, yellow, white, white); }
}
@keyframes flicker {
	from {
		text-shadow: 0 0 0.25em yellow;
		}
	to {
		text-shadow: 0 0 0.5em red;
	}
}

@keyframes turnl{
	0%	{opacity:1;}
	100% {transform: rotateY(90deg); opacity:1;}
	
}
@keyframes turnr{
	0% {transform: rotateY(90deg); opacity:1;}
	100% {transform: rotateY(0deg); opacity:1;}
}