#canvas{
  background-color: rgb(255, 255, 255);
  width: 60vmin;
  height: 62vmin;
  margin: 20vmin auto 0 auto;
  position: relative;
  box-shadow: 0px, 0px, 2px, black;
}

#beigering{
  position:absolute;
  left: 0vmin;
  top: 0vmin;
  width: 20vmin;
  height: 21vmin;
  background-color: rgb(225, 217, 195);

}

#bluering{
  position:absolute;
  left: 20vmin;
  top: 0vmin;
  width: 40vmin;
  height: 21vmin;
  background-color: rgb(7, 56, 135);
}

#blackring{
  position:absolute;
  left: 23vmin;
  top: 52vmin;
  width: 37vmin;
  height: 9vmin;
  background-color: rgb(0, 2, 1);
}
  
#blackring2{
  position:absolute;
  left: 0vmin;
  top: 55vmin;
  width: 37vmin;
  height: 6vmin;
  background-color: rgb(0, 2, 1);
  
}

#blackring3{
  position:absolute;
  left: 26vmin;
  top: 23vmin;
  width: 2vmin;
  height: 38vmin;
  background-color: rgb(0, 2, 1);

}

#blackring4{
  position:absolute;
  left: 7vmin;
  top: 29vmin;
  width: 17vmin;
  height: 13vmin;
  background-color: rgb(0, 2, 1);

}

#blackring5{
  position:absolute;
  left: 23vmin;
  top: 42vmin;
  width: 1vmin;
  height: 13vmin;
  background-color: rgb(0, 2, 1);

}


#whitering{
  position:absolute;
  left: 24vmin;
  top: 46vmin;
  width: 2vmin;
  height: 13vmin;
  background-color: rgb(255, 255, 255);

}


#redring{
  position:absolute;
  left: 26vmin;
  top: 23vmin;
  width: 2vmin;
  height: 2vmin;
  background-color: rgb(207, 54, 44);

}