*{
	margin: 0;
	padding: 0;
}

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

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

ul{
	list-style-type: none;
}

figure{
	width: 2vw;
	height: 2vw;
	border:0.2vw outset orange;
	background-color: teal; 
	border-radius: 50%;
	margin-bottom: 1vh;

}

figure:hover{
    background-color: pink;
    border: 0.2vw mixed green;
 
}


/* CSS COLOR CLASSES */

.pink{
	background: pink;
}

.yellow{
	background: yellow;
}

.blue{
	background: blue;
}

.red{
	background: red;
}

.green{
	background: green;
}

.black{
	background: black;
}

.orange{
	background:orange;
}