#canvas{
  background-color:  rgb(255,255,223);
  width:82vmin;
  height:105vmin;
  margin:20vmin auto 0 auto;
  position:relative;
  box-shadow: 0px 0px 14px black;
}

#blackbox1, #blackbox2, #blackbox3, #blackbox4, #blackbox5{
  position:absolute;
  background-color: rgb(17,21,11);
}

#greenbox1, #greenbox2, #greenbox3, #greenbox4, #greenbox5{
  position:absolute;
  background-color: rgb(71,144,63);
}

#blackbox1{
  left:2vmin;
  top:2vmin;
  width:5vmin;
  height:92vmin;
}

#blackbox2{
  left:2vmin;
  top:97vmin;
  width:71vmin;
  height:6vmin;
}

#blackbox3{
  left:9vmin;
  top:78vmin;
  width:24vmin;
  height:16vmin;
}

#blackbox4{
  left:33vmin;
  top:30vmin;
  width:13vmin;
  height:19vmin;
}

#blackbox5{
  left:60vmin;
  top:30vmin;
  width:13vmin;
  height:65vmin;
}

#greenbox1{
  left:9vmin;
  top:2vmin;
  width:71vmin;
  height:7vmin;
}

#greenbox2{
  left:9vmin;
  top:12vmin;
  width:12vmin;
  height:63vmin;
}
#greenbox3{
  left:46vmin;
  top:12vmin;
  width:27vmin;
  height:15vmin;
}
#greenbox4{
  left:75vmin;
  top:12vmin;
  width:4vmin;
  height:91vmin;
}
#greenbox5{
  left:33vmin;
  top:56vmin;
  width:13vmin;
  height:19vmin;
}