

@keyframes fadeInLeft
{
	from {
		opacity: 0;
		transform: translateX(-20px);
	}
	to {
		opacity: 1;
		transform: translateX(0px);
	}
}

@keyframes fadeInRight
{
	from {
		opacity: 0;
		transform: translateX(20px);
	}
	to {
		opacity: 1;
		transform: translateX(0px);
	}
}

@keyframes fadeInUp
{
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes fadeInDown
{
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes Flashing
{
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

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

@keyframes RotationAppears2
{
	0% {
		transform: rotate(-180deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@keyframes rightEntry
{
	0%{
		transform:translateX(500px);
	}
	100%{
		transform:translateX(0px);
	}
}

@keyframes leftEntry
{
	0%{
		transform:translateX(-500px);
	}
	100%{
		transform:translateX(0px);
	}
}

@keyframes upEntry
{
	0%{
		transform:translateY(-800px);
	}
	100%{
		transform:translateY(0px);
	}
}

@keyframes downEntry
{
	0%{
		transform:translateY(800px);
	}
	100%{
		transform:translateY(0px);
	}
}

@keyframes leftEntryBrake
{
	0%{
		transform:translateX(-500px);
	}
	60%{
		transform:translateX(30px);
	}
	80%{
		transform:translateX(-10px);
	}
	100%{
		transform:translateX(0px);
	}
}

@keyframes rightEntryBrake
{
	0%{
		transform:translateX(500px);
	}
	60%{
		transform:translateX(-30px);
	}
	80%{
		transform:translateX(10px);
	}
	100%{
		transform:translateX(0px);
	}
}

@keyframes downEntryBrake
{
	0%{
		transform:translateY(500px);
	}
	60%{
		transform:translateY(-30px);
	}
	80%{
		transform:translateY(10px);
	}
	100%{
		transform:translateY(0px);
	}
}

@keyframes upEntryBrake
{
	0%{
		transform:translateY(-500px);
	}
	60%{
		transform:translateY(30px);
	}
	80%{
		transform:translateY(-10px);
	}
	100%{
		transform:translateY(0px);
	}
}







