.RSlide {
		animation-name: RSlide;
		animation-duration: 0.5s;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
	}

	@keyframes RSlide {
		from{margin-right: 100%;margin-left: -100%}
		to{margin-right: 0%;margin-left: 0%}
	}

	.LSlide {
		animation-name: LSlide;
		animation-duration: 0.5s;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
	}

	@keyframes LSlide {
		from{margin-right: -100%;margin-left: 100%}
		to{margin-right: 0%;margin-left: 0%}
	}

	.PopUp {
		animation-name: PopUp;
		animation-duration: 0.75s;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
	}

	@keyframes PopUp {
		0%{margin-top: 100px;opacity: 0}
		50%{margin-top: -25px;opacity: 1}
		75%{margin-top: 5px;opacity: 1}
		100%{margin-top: 0px;opacity: 1}
	}

	.FadeIn {
		animation-name: FadeIn;
		animation-duration: 0.75s;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
	}

	@keyframes FadeIn {
		from{opacity: 0}
		to{opacity: 1}
	}

	.rotate {
		animation-name: rotate;
		animation-duration: 1s;
		animation-fill-mode: forwards;
		animation-iteration-count: infinite;
	}

	@keyframes rotate {
		from{transform: rotateZ(0deg)}
		to{transform: rotateZ(780deg)}
	}