html{
  height:100%;
}
body{
  height: 100%;

  margin:0;
  dispaly:flex;
  align-items: center;
  justufy-content: center;
}
#canvas{
  background-color:rgb(17,18,15);
  width: 100vmin;
  height:100vmin;
  position:relative;}

#secondring{
  background-color:rgb(195,38,29);
  position:relative;
  left:25vmin;
  top: -100vmin;
  width: 75vmin;
  height:75vmin;
} 

#thirdring{
  background-color:rgb(223,222,219);
  position:relative;
  left:0vmin;
  top: -175vmin;
  width: 22vmin;
  height:35vmin;
}

#fourthing{
  background-color:rgb(223,222,219);
  position:relative;
  left:0vmin;
  top: -170vmin;
  width: 22vmin;
  height:35vmin;
}

#fifthing{
  background-color:rgb(34,83,140);
  position:relative;
  left:0vmin;
  top: -167vmin;
  width: 22vmin;
  height:22vmin;
} 

#sixthing{
  background-color:rgb(223,222,219);
  position:relative;
  left:25vmin;
  top: -189vmin;
  width: 64vmin;
  height:22vmin;
}

#seventhing{
  background-color:rgb(225,205,114);
  position:relative;
  left:92vmin;
  top: -198.5vmin;
  width: 8vmin;
  height:9.5vmin;
}

#eighthing{
  background-color:rgb(223,222,219);
  position:relative;
  left:92vmin;
  top: -220.5vmin;
  width: 8vmin;
  height:9.5vmin;
}