html{
  height:100%;
}

body{
  height:100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#canvas{
  width: 55vmin;
  height: 100vmin;
  background-color: rgb(187,97,44);
  position: relative;
}

#secondring{
  background-color: rgb(192,94,95);
  position: absolute;
  left: 0vmin;
  top:20vmin;
  width: 55vmin;
  height: 60vmin;
}

#thirdring{
  background-color: rgb(185,66,38);
  position: absolute;
  left: 18vmin;
  top: 11vmin;
  width: 20vmin;
  height: 80vmin;
}

#fourthring{
  background-color: rgb(187,97,44);
  position: absolute;
  left: 10vmin;
  top: 40vmin;
  width: 35vmin;
  height: 20vmin;
}