#canvas{
  background-color: rgb(255, 255, 223);
  width: 56vmin;
  height: 76vmin;
  margin: 30vmin auto 0 auto;
  position: relative;
}

#A{
  position: absolute;
  left: 6.4vmin;
  top: 1vmin;
  width: 48.6vmin;
  height: 5vmin;
  background-color: rgb(0, 155, 6);

}


#B{
  position: absolute;
  left: 1vmin;
  top: 1vmin;
  width: 3.9vmin;
  height: 66.6vmin;
  background-color: rgb(1, 0, 1);

}

#C{
  position: absolute;
  left: 1vmin;
  top: 70.2vmin;
  width: 48.6vmin;
  height: 5vmin;
  background-color: rgb(0, 155, 6);

}

#D{
  position: absolute;
  left: 51vmin;
  top: 8.62vmin;
  width: 3.9vmin;
  height: 66.6vmin;
  background-color: rgb(1, 0, 1);

}

#E{
  position: absolute;
  left: 6vmin;
  top: 9.3vmin;
  width: 10vmin;
  height: 43vmin;
  background-color: rgb(0, 155, 62);

}

#F{
  position: absolute;
  left: 40vmin;
  top: 24.8vmin;
  width: 10vmin;
  height: 43vmin;
  background-color: rgb(1, 0, 1);

}

#G{
  position: absolute;
  left: 5.7vmin;
  top: 54.6vmin;
  width: 17vmin;
  height: 13vmin;
  background-color: rgb(1, 0, 1);

}

#H{
  position: absolute;
  left: 33vmin;
  top: 8.8vmin;
  width: 17vmin;
  height: 13vmin;
  background-color: rgb(0, 152, 55);

}

#Y{
  position: absolute;
  left: 22.8vmin;
  top: 25.3vmin;
  width: 9.7vmin;
  height: 12vmin;
  background-color: rgb(6, 6, 4);

}

#J{
  position: absolute;
  left: 22.8vmin;
  top: 39.98vmin;
  width: 9.7vmin;
  height: 12vmin;
  background-color: rgb(0, 151, 56);

}