@keyframes fade-in {
	from	{opacity: 0; height: 0;}
	to      {opacity: 1; height: 1;}
}

svg{
	width:150px;
}

* {
	margin: 0;
	padding: 0;
}

header{
	margin-left:40px;
}

h1{
	font-family: 'Faster One';
	font-size: 60pt;
	color:gray;
}

h2{
	font-family: 'Nunito';
	font-size: 20pt;
}

section{
	animation: fade-in 5s backwards;
	width:12.5vw;
	height:100vh;
	float: left;
}

.red {
	background-color:red;
	animation-delay: 0.2s;
}
.blue {
	background-color:blue;
	animation-delay: 0.4s;
}
.yellow {
	background-color:yellow;
	animation-delay: 0.6s;
}
.green {
	background-color:green;
	animation-delay: 0.8s;
}
.hotpink {
	background-color:hotpink;
	animation-delay: 1.0s;
}
.purple {
	background-color:purple;
	animation-delay: 1.2s;
}
.orange {
	background-color:orange;
	animation-delay: 1.4s;
}
.cyan {
	background-color:cyan;
	animation-delay: 1.6s;
}