@charset "UTF-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-decoration: none;
	color: black;
	list-style-type: none;
}


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

  a:link {
  	display: inline-block;
  	width: 2vw;
  	height: 2vw;
  	border-radius: 50%;
  	border:5px 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:8vw;
     }

     figure{
     	width: 90vw;
     	height: 90vh;
        background-size: cover;
     	background-image: url("https://cdn.shopify.com/s/files/1/0272/4781/files/summer-sunset-over-half-dome-from-glacier-point-yosemite.jpg");
     }

nav{
	position: fixed;
	top:40vh;
	left:5vw;
}
	 
.red{ 
	background-color: red;
}

.orange{
	background-color:orange; 
}

.yellow{
	background-color:yellow; 
}

.blue{
	background-color: blue;
}


.cyan{
	background-color: cyan;
}