#canvas{
  background-color: rgb(79, 102, 177);
  width: 60vmin;
  height: 90vmin;
  margin: 15vmin auto 15vmin auto;
  position: relative;
  box-shadow: 0px 0px 2px black;  
}

#rectangle{
  background-color: rgb(91, 138, 70);
  position: absolute;
  left: 0vmin;
  top: 20vmin;
  width: 45vmin;
  height:70vmin;
}
  
#rectangle2{
  background-color: rgb(170, 84, 64);
  position: absolute;
  left: 0vmin;
  top: 58vmin;
  width: 25vmin;
  height: 32vmin;
} 

body{
  font-family: "Arial Narrow", "Helvetica Condensed", 
    "Myriad Pro Condensed", sans-serif;
}

nav{
  padding: 14px 16px;
  text-align: center;
  background-color: #333;
}

nav a{
  text-decoration: none;
  color: white;
  padding: 14px 16px;
}
a:hover{
  color: white;
  background-color: cadetblue;
}

a:active{
  text-decoration: none;
  color: black;
}