/*CSS RESET */

* {
	margin: 0;
	padding: 0;
}

section {
	width: 12.5vw;
	height: 100vh;
	float: left;

}

/* HERE ARE CSS3 ANIMATIONS */

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

	.fade-in{
		animation-name: fade-in;
		animation-duration: 1s;
		animation-fill-mode: backwards;

	}

		.fade-two{
			animation-delay: 1s;

		}

		.fade-three{
			animation-delay: 2s;

		}

		.fade-four{
			animation-delay: 3s;

		}

		.fade-five{
			animation-delay: 4s;

		}

		.fade-six{
			animation-delay: 3s;

		}

		.fade-seven{
			animation-delay: 2s;

		}

		.fade-eight{
			animation-delay: 1s;

		}


/*CSS COLOR CLASSES */

.firebrick {
	background-color: firebrick;

}

.coral {
	background-color: coral;
}

.khaki {
	background-color: khaki;
}

.seagreen {
	background-color: seagreen;
}

.paleturquoise {
	background-color: paleturquoise;
}

.cornflowerblue {
	background-color: cornflowerblue;
}

.rosybrown {
	background-color: rosybrown;
}

.pink {
	background-color: pink;
}