body{ background-color: grey}
#canvas{
  background-color: rgb(255, 255, 220);
  width: 60vmin;
  height: 80vmin;
  margin: 19vmin auto 0 auto;
  position: relative;
  box-shadow: 0px 0px 2px black;
  
}

#blackleftring{
  position:absolute;
  left: 1vmin;
  top: 2vmin;
  width: 3vmin;
  height: 69vmin;
  background-color: rgb(6, 8, 3)
}

#blackbottomring{
  position:absolute;
  left: 1vmin;
  top: 73vmin;
  width: 54vmin;
  height: 5vmin;
  background-color: rgb(6, 8, 3) 
}

#blackinennring{
  position:absolute;
  left: 5vmin;
  top: 59vmin;
  width: 20vmin;
  height: 12vmin;
  background-color: rgb(6, 8, 3)  
}

#greenrightring{
  position:absolute;
  left: 56vmin;
  top: 9vmin;
  width: 3vmin;
  height: 69vmin;
  background-color: rgb(60, 128, 48)
}

#greentopring{
  position:absolute;
  left: 5vmin;
  top: 2vmin;
  width: 54vmin;
  height: 5vmin;
  background-color: rgb(60, 128, 48) 
}

#greenleftring{
  position:absolute;
  left: 5vmin;
  top: 9vmin;
  width: 10vmin;
  height: 48vmin;
  background-color: rgb(60, 128, 48)  
}

#blackright{
  position:absolute;
  left: 46vmin;
  top: 25vmin;
  width: 9vmin;
  height: 46vmin;
  background-color: rgb(6, 8, 3)
}

#greenrightinnerring{
  position:absolute;
  left: 35vmin;
  top: 9vmin;
  width: 20vmin;
  height: 14vmin;
  background-color: rgb(60, 128, 48)  
}

#blackcenter{
  position:absolute;
  left: 25vmin;
  top: 25vmin;
  width: 9vmin;
  height: 14vmin;
  background-color: rgb(6, 8, 3)
}

#greencenter{
  position:absolute;
  left: 25vmin;
  top: 43vmin;
  width: 9vmin;
  height: 14vmin;
  background-color: rgb(60, 128, 48)
}