body{
	cursor: url('../css/1cursor.png');
}




svg{
	width:50px;
}

h1{
	font-family: Oswald, sans-serif;
	font-weight: 500;
}
h2{
	font-family: Montserrat, sans-serif;
	font-weight: 200;
}


section{
	animation: fade-in 0.9s backwards;
	width: 12.1vw;
	height:100vh; 
	float:left;

}

.red {
	background-color: red;
	animation-delay: 0.1s;	
}
.red:hover{
      	background-color:lightcoral;
      }

.blue {
	background-color: blue;
	animation-delay: 0.2s;
}
.blue:hover{
      	background-color:lightcoral;
      }

.orange {
	background-color: orange;
	animation-delay: 0.3s;
}
.orange:hover{
      	background-color:bisque;
      }
.yellow {
	background-color: yellow;
	animation-delay: 0.4s;
}
.yellow:hover{
      	background-color:navy;
      }
.cyan {
	background-color: cyan;
	animation-delay: 0.5s;
}
.cyan:hover{
      	background-color:honeydew;
      }
.green {
	background-color: green;
	animation-delay: 0.6s;
}
.green:hover{
      	background-color:wheat;
      }
.magenta {
	background-color: magenta;
	animation-delay: 0.7s;
}
.magenta:hover{
      	background-color:darkkhaki;
      }
.pink {
	background-color: pink;
	animation-delay: 0.8s;
}
.pink:hover{
      	background-color:paleturquoise;
      }

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