#canvas{
  background-color: rgb(255, 255, 218);
  width: 65vmin;
  height: 89vmin;
  margin: 15vmin auto 15vmin auto;
  position: relative;
  box-shadow: 0px 0px 2px black;  
}

#green{
  background-color: rgb(63, 135, 54);
  position: absolute;
  left: 60vmin;
  top: 11vmin;
  width: 4vmin;
  height:76vmin;
}

#black{
  background-color: rgb(0, 0, 0);
  position: absolute;
  left: 1vmin;
  top: 81vmin;
  width: 58vmin;
  height: 6vmin;
}  

#black2{
  background-color: rgb(0, 0, 0);
  position: absolute;
  left: 1vmin;
  top: 2vmin;
  width: 4vmin;
  height: 76vmin;
}

#black3{
  background-color: rgb(0, 0, 0);
  position: absolute;
  left: 6vmin;
  top: 64vmin;
  width: 21vmin;
  height: 14vmin;
} 

#green3{
  background-color: rgb(63, 135, 54);
  position: absolute;
  left: 7vmin;
  top: 2vmin;
  width: 56vmin;
  height: 6vmin;
} 

#green2{
  background-color: rgb(63, 135, 54);
  position: absolute;
  left: 38vmin;
  top: 11vmin;
  width: 21vmin;
  height: 14vmin;
} 

#green4{
  background-color: rgb(3, 135, 54);
  position: absolute;
  left: 6vmin;
  top: 11vmin;
  width: 11vmin;
  height: 51vmin;
}

#black4{
  background-color: rgb(0, 0, 0);
  position: absolute;
  left: 48vmin;
  top: 27vmin;
  width: 11vmin;
  height: 51vmin;
}

#black5{
  background-color: rgb(0, 0, 0);
  position: absolute;
  left: 27vmin;
  top: 27vmin;
  width: 11vmin;
  height: 15vmin;
}

#green5{
  background-color: rgb(3, 135, 54);
  position: absolute;
  left: 27vmin;
  top: 47vmin;
  width: 11vmin;
  height: 15vmin;
}

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;
}