html{
  height:100%;
}
body{
  height: 100%;
  
  margin:0;
  dispaly:flex;
  align-items: center;
  justufy-content: center;
  
  
}
#canvas{
  background-color:rgb(29,68,29);
  width: 80vmin;
  height:75vmin;
  position:relative;}

#secondring{
  background-color:rgb(51,111,114);
  position:relative;
  left:5vmin;
  top: 7vmin;
  width: 70vmin;
  height:65vmin;
} 

#thirdring{
  background-color:rgb(175,164,141);
  position:relative;
  left:10vmin;
  top: -51vmin;
  width: 60vmin;
  height:55vmin;
  }

#fourthing{
  background-color:rgb(236,209,71);
  position:relative;
  left:15vmin;
  top: -100vmin;
  width: 50vmin;
  height:45vmin;
}