* {
	margin: 0;
	padding: 0;
}

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

nav {
	position: fixed;
	top: 25vh;
	right: 12vw;

}

ul {
	list-style-type: none;
}

a:link { /*i'm used to putting these rules
			in the li element*/
	display: inline-block; /*make the whole div clickable*/
	width: 2vw; /*relative viewport width*/
	height: 2vw; /*relative viewport width -- to constrain height*/
	border: 0.2vw solid black;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.2);
	margin-bottom: 1vh;

}


span {
	font-size: 0;
	opacity: 0;
	position: relative;
	top: 0.2vw;
	right: 2vw;
	white-space: nowrap;
}

.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: purple;
}

.magenta {
	background-color: magenta;
}