*{
	margin: 0;
	padding: 0;
}
svg{
	width: 50vw;
}

h1{
	font-family: 'tourney' ;
}

h2{
	font-family: 'silkscreen' ;
}

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

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

	.pink {
		background-color: pink;
		animation-delay: 0.02s;
	}
	.red{
		background-color: red;
		animation-delay: 0.04s;
	}
	.orange {
		background-color: orange;
		animation-delay: 0.06s;
	}
	.yellow {
		background-color: yellow;
		animation-delay: 0.08s;
	}
	.green {
		background-color: green;
		animation-delay: 0.10s;
	}
	.cyan {
		background-color: cyan;
		animation-delay: 0.12s;
	}
	.blue {
		background-color: blue;
		animation-delay: 0.14s;
	}
	.violet {
		background-color: violet;
		animation-delay: 0.16s;
	}