/* These awesome styles are created by Aaron Guhin */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: black;
	list-style-type: none;	
}

section{
	width: 100vw;
	height: 100vh;
}

nav {
	position: fixed;
	top: 30vh;
	right: 5vw;
}

 	a:link {
 		display: inline-block;
 		width:	2vw;
 		height: 2vw;
 		border-radius: 50%;
 		border: 4px solid black;
 		margin-bottom: 20px;
 	}

 	a:hover {
 		background-color: white;
 		border-color: purple;
 	}
 		span{
 			font-family: arila, sans-serif;
 			font-weight: bold;
 			font-size: 2vw;
 			position: fixed;
 			right: 8vw
 		}

 			figure{
 				width: 100vw;
 				height: 100vh;
 				background-size: cover;
 				background-image: url("http://cdn.mos.cms.futurecdn.net/FUE7XiFApEqWZQ85wYcAfM-970-80.jpg");
 				

 			}

/* CSS COLOR CLASSES */

.red{
	 background-color: red;
}

.orange {
 background-color: orange;
}

.yellow {
 background-color: yellow;
}

.green {
 background-color: green;
}

.cyan {
 background-color: cyan;
}

.blue {
 background-color: blue;
}

.purple {
 background-color: blue;
}

.magenta {
	 background-color: magenta;
}