@charset "utf-8";

/*****CSS RESET*****/

* {
	margin:0;
	padding: 0;
}

/*****Tags******/

section {
	width: 12.4vw;
	height:100vh;
	float: left;
}

/******Animations*********/

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




.fade-in {
	animation-name: fade-in;
	animation-duration: 1s;
}

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

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

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

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

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

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

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



/***********Color*********/

.red {
	background-color: indianred;
}

.orange {
	background-color: darkorange;
}

.yellow {
	background-color: yellowgreen;
}

.green {
	background-color:darkgreen;
}

.cyan {
	background-color: darkcyan;
}

.blue {
	background-color: cadetblue;
}

.purple {
	background-color:  rebeccapurple;
}

.magenta {
	background-color: darkmagenta;
}