* {
	margin:0;
	padding: 0;
}

body {
	background-color:green;
}

header, section {
	width: 100vw;
	height: 100vh;

}

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

ul {
	list-style-type: none;
}

figure {
	width: 2vw;
	height: 2vw;
	border:.2vw solid white;
	background-color:black;
	border-radius: 50%;
	margin-bottom: 1vw;
}

figure:hover {
	background-color:white;
	border-color:black;
}
/* CSS COLOR CLASSES */

.red {
	background-color: red;
}

.yellow {
	background-color: yellow;
}

.blue {
	background-color: blue;
}

.purple {
	background-color: purple;
}

.orange {
	background-color: orange;
}