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

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

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

a:hover{
	background-color: white;
}
span {
    font-family: Arial, sans-serif;
    font-weight:bold;
    font-size: 2vw;
    position:fixed;
    left:10vw;
}
figure{
    width: 90vw;
    height:90vh;
    background-repeat: no-repeat;
    background-image: url("https://d38om4ir5igmin.cloudfront.net/production/pages/heros/209/large/HERO_Yosemite_Half_Dome.jpg?1497527875");
}
nav{
	position: fixed;
	top: 40vh;
	left:5vw;
}

/*color classes*/
.red{
background-color:red;

}
.orange{
background-color:orange;

}
.green{
background-color:green;

}
.cyan{
background-color:cyan;

}
.purple{
background-color:purple;

}

.blue{
	background-color: blue;
}z