html {
cursor:  url('../img/cursor.png' ),point;
}


svg {
	width: 100px;
}


h1 {
	font-family: 'Marcellus', serif;;
}

h2 {
	font-family: 'Lobster', sans-serif;;
}



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



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

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