body{ background-color: white; 
  }

#canvas{
  background-color: rgb(244, 243, 239);
  width: 40vmin;
  height: 40vmin;
  margin: 30vmin auto 0 auto;
  position: relative;
}

#A{
  position: absolute;
  border-left: 10vmin;
  top: 0vmin;
  width: 15vmin;
  height: 15vmin;
  background-color: rgb(229, 223, 207);

}

#B{
  position:absolute;
  right: 0vmin;
  top: 0vmin;
  width: 25vmin;
  height: 15vmin;
  background-color: rgb(31, 75, 148);

}

#C{
  position:absolute;
  left: 7vmin;
  top: 20vmin;
  width: 11vmin;
  height: 8vmin;
  background-color: rgb(1, 2, 3);
  
}

#D{
  position:absolute;
  left: 17.1vmin;
  top: 20vmin;
  width: 0.9vmin;
  height: 20vmin;
  background-color: rgb(1, 2, 3);

}

#E{
  position:absolute;
  left: 0vmin;
  top: 36vmin;
  width: 18.1vmin;
  height: 4vmin;
  background-color: rgb(1, 2, 3);

}

#F{
  position:absolute;
  left: 19.6vmin;
  top: 34vmin;
  width: 20.4vmin;
  height: 6vmin;
  background-color: rgb(1, 2, 3);

}

#G{
  position:absolute;
  left: 18vmin;
  top: 38vmin;
  width: 1.8vmin;
  height: 2vmin;
  background-color: rgb(1, 2, 3);

}

#H{
  position:absolute;
  left: 19.6vmin;
  top: 17vmin;
  width: 1.4vmin;
  height: 22.8vmin;
  background-color: rgb(1, 2, 3);

}

#Y{
  position:absolute;
  left: 19.6vmin;
  top: 16vmin;
  width: 1.4vmin;
  height: 1.5vmin;
  background-color: rgb(234, 32, 35);

}

#J{
  position:absolute;
  left: 39.5vmin;
  top: 14.9vmin;
  width: 0.5vmin;
  height: 13.3vmin;
  background-color: rgb(31, 75, 148);

}

#K{
  position:absolute;
  left: 39.5vmin;
  top: 28vmin;
  width: 0.5vmin;
  height: 7vmin;
  background-color: rgb(1, 2, 3);

}