* {margin: 0;
padding: 0;}

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

/* here are some css3 animations */

@keyframes fade-in {

	0% {opacity: 0;}
	100% {opacity:1;}
}

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

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

.fade-ten {
	animation-delay: 10s;
}

.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;
}

.fade-nine{
	animation-delay: 8s;
	}	


/* css color classes */


.red { background-color: green; }


.blue { background-color: blue; }


.cyan { background-color: cyan; }


.pink { background-color: pink; }


.green { background-color: green; }


.black { background-color: black; }


.yellow { background-color: yellow; }


.magenta { background-color: magenta; }

.scale:hover {
	transform: scale(2);
}