body {background-color: dimgrey;}

#canvas{
  background-color: rgb(243,242,237);
  width: 60vmin;
  height: 60vmin;
  margin: 10vmin auto 0 auto;
  position: relative;
}
#blue{
  position:absolute;
  right: 0vmin;
  top: 0vmin;
  width: 40vmin;
  height: 20vmin;
  background-color: #004c9a;
  
}

#cream{
  position: absolute;
  right: 40vmin;
  top: 0vmin;
  height:20vmin;
  width:20vmin;
  background-color: rgb(230,224,208);
  
}

#lineblue{
  position:absolute;
  right:0vmin;
  top: 0vmin;
  height:40vmin;
  width:1vmin;
  background-color: rgb(23,77,148);
  
}

#lineblack{
  position:absolute;
  right:0vmin;
  top:40vmin;
  height:20vmin;
  width:1vmin;
  background-color: rgb(1,4,5);
  
}

#black{
  position:absolute;
  right:0vmin;
  top:50vmin;
  height:10vmin;
  width:30vmin;
  background-color: rgb(1,4,5)
}

#boldblack{
  position:absolute;
  right:0vmin;
  top:60vmin;
  height:4vmin;
  width:60vmin;
  background-color: rgb(1,4,5);
}

#blackk{
  position:absolute;
  right:35vmin;
  top:55vmin;
  height:8vmin;
  width:25vmin;
  background-color: rgb(1,4,5);
}

#blackkk{
  position:absolute;
  right:35vmin;
  top:30vmin;
  height:30vmin;
  width:2vmin;
  background-color: rgb(1,4,5);
}

#blackkkk{
  position:absolute;
  right:27vmin;
  top: 25vmin;
  height:30vmin;
  width:3vmin;
  background-color: rgb(1,4,5);
}

#red{
  position: absolute;
  right:27vmin;
  top:22vmin;
  height:3vmin;
  width:3vmin;
  background-color: rgb(210,67,47);
}

#blacka{
  position:absolute;
  right:35vmin;
  top:30vmin;
  width:20vmin;
  height:12vmin;
  background-color: rgb(1,4,5);
}