@charset "UTF-8";
/*       __                           
        / /___ ___ __________________/
   __  / / __ `__ \ ___jennifer_____/
  / /_/ / / / / / /____morehead____/
  \____/_/ /_/ /_/_____GR66_______/ 
*/



/*:::::::::::::::::::::::::::::::
:::::::CSS3 @KEYFRAME RULE:::::::
:::::::::::::::::::::::::::::::::*/

	@keyframes fade-in {
		0%		{opacity: 0;}
		100%	{opacity: 1;}
	}

		@-moz-keyframes fade-in {
			0%		{opacity: 0;}
			100%	{opacity: 1;}
		}

		@-o-keyframes fade-in {
			0%		{opacity: 0;}
			100%	{opacity: 1;}
		}
		
		@-webkit-keyframes fade-in {
			0%		{opacity: 0;}
			100%	{opacity: 1;}
		}


	@keyframes slide-in {
		from	{top: -22vh;}
		to 	 	{top: -4vh;}
	}

		@-moz-keyframes slide-in {
		from	{top: -22vh;}
		to  	{top: -4vh;}
	}

		@-o-keyframes slide-in {
		from	{top: -22vh;}
		to  	{top: -4vh;}
	}
		
		@-webkit-keyframes slide-in {
		from	{top: -22vh;}
		to  	{top: -4vh;}
	}

/*:::::::::::::::::::::::::::::::
:::::::CSS3 ANIMATIONS:::::::::::
:::::::::::::::::::::::::::::::::*/


.fade-in {
	animation-name: fade-in;
		-moz-animation-name: fade-in;
		-ms-animation-name: fade-in;
		-o-animation-name: fade-in;
		-webkit-animation-name: fade-in;
	animation-duration: 3s;
		-moz-animation-duration: 3s;
		-o-animation-duration: 3;
		-webkit-animation-duration: 3s;
	animation-fill-mode: backwards;
		-moz-animation-fill-mode: backwards;
		-o-animation-fill-mode: backwards;
		-webkit-animation-fill-mode: backwards;
}

.fade-two {
	animation-delay: 1s;
		-moz-animation-delay: 1s;
		-o-animation-delay: 1s;
		-webkit-animation-delay: 1s;
}

.fade-three {
	animation-delay: 2s;
		-moz-animation-delay: 2s;
		-o-animation-delay: 2s;
		-webkit-animation-delay: 2s;
}

.fade-four {
	animation-delay: 3s;
		-moz-animation-delay: 3s;
		-o-animation-delay: 3s;
		-webkit-animation-delay: 3s;
}

.fade-five {
	animation-delay: 4s;
		-moz-animation-delay: 4s;
		-o-animation-delay: 4s;
		-webkit-animation-delay: 4s;
}

.fade-six {
	animation-delay: 5s;
		-moz-animation-delay: 5s;
		-o-animation-delay: 5s;
		-webkit-animation-delay: 5s;
}

.fade-seven {
	animation-delay: 6s;
		-moz-animation-delay: 6s;
		-o-animation-delay: 6s;
		-webkit-animation-delay: 6s;
}

.fade-eight {
	animation-delay: 7s;
		-moz-animation-delay: 7s;
		-o-animation-delay: 7s;
		-webkit-animation-delay: 7s;
}



.slide-in {
	animation-name: slide-in;
		-moz-animation-name: slide-in;
		-ms-animation-name: slide-in;
		-o-animation-name: slide-in;
		-webkit-animation-name: slide-in;
	animation-duration: 1.5s;
		-moz-animation-duration: 1.5s;
		-o-animation-duration: 1.5s;
		-webkit-animation-duration: 1.5s;
	animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
	animation-timing-function:ease-out;
		-moz-animation-timing-function:ease-out;
		-o-animation-timing-function:ease-out;
		-webkit-animation-timing-function:ease-out;

}