#canvas{
  background-color: rgb(0, 87, 162);
  width: 54vmin;
  height: 70vmin;
  margin: 19vmin auto 0 auto;
  position: relative;

}

#secondring{
  position:absolute;
  left: 0vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(0, 135, 39)

}

#thirdring{
  position:absolute;
  left: 3vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(255, 37, 0)

}

#fourthring{
  position:absolute;
  left: 6vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(226, 0, 88)
  
}

#fifthring{
  position:absolute;
  left: 9vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(24, 64, 155)
  
}

#sixthring{
  position:absolute;
  left: 12vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(241, 119, 0)
}

#seventhring{
  position:absolute;
  left: 15vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(232, 0, 0)
}

#eighthring{
  position:absolute;
  left: 18vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(147, 61, 155)
}

#ninethring{
  position:absolute;
  left: 21vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(170, 172, 188)
}

#tenthring{
  position:absolute;
  left: 24vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(0, 87, 162)
}

#eleven{
  position:absolute;
  left: 27vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(0, 135, 39)
  
}

#twelve{
  position:absolute;
  left: 30vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(255, 37, 0)
}

#thirteen{
  position:absolute;
  left: 33vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(226, 0, 88)
  
}

#fourteen{
  position:absolute;
  left: 36vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(24, 64, 155)
  
}

#fifteen{
  position:absolute;
  left: 39vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(241, 119, 0)
  
}

#sixteen{
  position:absolute;
  left: 42vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(232, 0, 0)
  
}

#seventeen{
  position:absolute;
  left: 45vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(147, 61, 155)
}

#eighteen{
  position:absolute;
  left: 48vmin;
  top: 0vmin;
  width: 3vmin;
  height: 70vmin;
  background-color: rgb(170, 172, 188)
}