#canvas{
  background-color: rgb(207, 206, 204);
  width: 105vmin;
  height: 80vmin;
  margin: 19vmin auto 0 auto;
  position: relative;
}

#A{
  position: absolute;
  left: 1vmin;
  top: 2vmin;
  width: 9vmin;
  height: 38vmin;
  background-color: rgb(57, 61, 62);
}

#B{
  position: absolute;
  left: 1vmin;
  top: 40vmin;
  width: 9vmin;
  height: 23vmin;
  background-color: rgb(82, 93, 123);
}

#C{
  position: absolute;
  left: 1vmin;
  top: 62.6vmin;
  width: 9vmin;
  height: 16vmin;
  background-color: rgb(53, 57, 56);
}

#E{
  position: absolute;
  left: 95vmin;
  top: 2vmin;
  width: 9vmin;
  height: 38vmin;
  background-color: rgb(57, 61, 62);
}

#F{
  position: absolute;
  left: 95vmin;
  top: 40vmin;
  width: 9vmin;
  height: 23vmin;
  background-color: rgb(82, 93, 123);
}

#G{
  position: absolute;
  left: 95vmin;
  top: 62.6vmin;
  width: 9vmin;
  height: 16vmin;
  background-color: rgb(53, 57, 56);
}

#H{
  position: absolute;
  left: 10vmin;
  top: 2vmin;
  width: 14vmin;
  height: 18vmin;
  background-color: rgb(115, 137, 163);
}

#Y{
  position: absolute;
  left: 24vmin;
  top: 2vmin;
  width: 7vmin;
  height: 18vmin;
  background-color: rgb(163, 131, 105);
}

#J{
  position: absolute;
  left: 31vmin;
  top: 2vmin;
  width: 7vmin;
  height: 18vmin;
  background-color: rgb(180, 45, 60);
}

#K{
  position: absolute;
  left: 81vmin;
  top: 2vmin;
  width: 14vmin;
  height: 18vmin;
  background-color: rgb(115, 137, 163);
}

#L{
  position: absolute;
  left: 74vmin;
  top: 2vmin;
  width: 7vmin;
  height: 18vmin;
  background-color: rgb(163, 131, 105);
}

#M{
  position: absolute;
  left: 67vmin;
  top: 2vmin;
  width: 7.5vmin;
  height: 18vmin;
  background-color: rgb(180, 45, 60);
}

#N{
  position: absolute;
  left: 38vmin;
  top: 2vmin;
  width: 29vmin;
  height: 38vmin;
  background-color: rgb(49, 54, 50);
}

#O{
  position: absolute;
  left: 10vmin;
  top: 20vmin;
  width: 14vmin;
  height: 43vmin;
  background-color: rgb(135, 154, 184);
}

#P{
  position: absolute;
  left: 10vmin;
  top: 62.6vmin;
  width: 15vmin;
  height: 16vmin;
  background-color: rgb(118, 140, 166);
}

#Q{
  position: absolute;
  left: 81vmin;
  top: 20vmin;
  width: 14vmin;
  height: 43vmin;
  background-color: rgb(135, 154, 184);
}

#R{
  position: absolute;
  left: 80vmin;
  top: 62.6vmin;
  width: 15vmin;
  height: 16vmin;
  background-color: rgb(118, 140, 166);
}

#S{
  position: absolute;
  left: 67vmin;
  top: 20vmin;
  width: 14vmin;
  height: 42.6vmin;
  background-color: rgb(36, 34, 35);
}

#T{
  position: absolute;
  left: 24vmin;
  top: 20vmin;
  width: 14vmin;
  height: 42.6vmin;
  background-color: rgb(36, 34, 35);
}

#U{
  position: absolute;
  left: 38vmin;
  top: 40vmin;
  width: 29vmin;
  height: 12vmin;
  background-color: rgb(106, 130, 113);
}

#V{
  position: absolute;
  left: 38vmin;
  top: 50.6vmin;
  width: 29vmin;
  height: 12vmin;
  background-color: rgb(36, 34, 35);
}

#W{
  position: absolute;
  left: 25vmin;
  top: 62.6vmin;
  width: 15vmin;
  height: 16vmin;
  background-color: rgb(52, 57, 53);
}

#X{
  position: absolute;
  left: 65vmin;
  top: 62.6vmin;
  width: 15vmin;
  height: 16vmin;
  background-color: rgb(52, 57, 53);
}

#Z{
  position: absolute;
  left: 40vmin;
  top: 62.6vmin;
  width: 25vmin;
  height: 16vmin;
  background-color: rgb(167, 132, 107);
}