#canvas{
  background-color: rgb(243, 244, 240);
  width: 60vmin;
  height: 62vmin;
  margin: 19vmin auto 0 auto;
  position: relative;

}

#secondring{
  position:absolute;
  left: 0vmin;
  top: 0vmin;
  width: 20vmin;
  height: 20vmin;
  background-color: rgb(229, 223, 207)

}

#thirdring{
  position: absolute;
  left: 20vmin;
  top: 0vmin;
  width: 40vmin;
  height: 20vmin;
  background-color: rgb(30, 75, 148)
}

#fourthring{
  position:absolute;
  left: 0vmin;
  top: 56vmin;
  width: 26vmin;
  height: 6vmin;
  background-color: black;
}

#fifthring{
  position:absolute;
  left: 29vmin;
  top: 54vmin;
  width: 31vmin;
  height: 8vmin;
  background-color: black;
}

#sixthring{
  position:absolute;
  left:22vmin;
  top:60vmin;
  width:13vmin;
  height: 2vmin;
  background-color: black;
}

#seventhring{
  position:absolute;
  left:25vmin;
  top:34vmin;
  width:1vmin;
  height: 23vmin;
  background-color: black;
}

#eighthring{
  position:absolute;
  left:13vmin;
  top:34vmin;
  width:12vmin;
  height: 9vmin;
  background-color: black;
  
}

#ninthring{
  position:absolute;
  left:29vmin;
  top:25vmin;
  width:1.5vmin;
  height: 29vmin;
  background-color: black;
}

#tenthring{
  position:absolute;
  left:29vmin;
  top:25vmin;
  width:1.5vmin;
  height: 1.8vmin;
  background-color: red;
  
}

#eleventhring{
  position:absolute;
  left:0vmin;
  top:62vmin;
  width:60vmin;
  height: 0.2vmin;
  background-color: rgb(243, 244, 240)
  
}