@keyframes fade-in{
	0%		{opacity: 0; height: 0;}
	50%		{opacity: .5}
	75%		{opacity: .75}
	100%	{opacity:1; height:1;}
}
h1{
	font-family: 'DM Serif Display', serif;
	color: green;
}
h2{
	font-family: 'Roboto', sans-serif;
	color: lightcoral;}

section{
	animation: fade-in .5s backwards;
	width: 12.5vw;
	height: 20vh;
	float: left;
	border-radius: 20;
}
.red{background-color: rgb(236, 254, 232);
	animation-delay: .2s;

}
.orange{background-color: rgb(194, 239, 235);
	animation-delay: .4s;

}
.yellow{background-color: rgb(110, 164, 191);
	animation-delay: .6s;

}
.green{background-color: rgb(65, 51, 122);
	animation-delay: .8s;

}
.blue {background-color: rgb(51, 30, 54);
	animation-delay: 1s;

}
.purple{background-color: purple;
	animation-delay: 1.2s;

}
.magenta{background-color: magenta;
	animation-delay: 1.4s;

}