nav{
  width: 100%;
  display: inline-block;
  margin-bottom: 5vmin;
  text-align: center;
  margin: 0 auto;

} 
div{
  padding-top: 10px;
  margin-right:10px;
}
p{
    text-align: center;
    font-size: 25px;
}
#canvas {
  background-color: #cc5d15;
  width: 50vmin; 
  height: 80vmin;
  margin: 4vmin auto 0 auto;
  position: relative;
}

#blackring { 
  position: absolute;
  left: 0vmin;
  top: 13vmin;
  width: 50vmin;
  height: 55vmin;
  background-color: #cf565d; 


}

#middlering {
  position: absolute;
  left: 18vmin;
  top: 5vmin;
  width: 15vmin;
  height: 69vmin;
  background-color: #ca3314
}

#fourthring {
  position: absolute;
  left: 11vmin;
  top: 33vmin;
  width: 30vmin;
  height: 15vmin;
  background-color: #cb5613; 

}body {
  background-color: white;
  font-family: "Open Sans", sans-serif;
  padding: 5px 25px;
  font-size: 18px;
  margin: 0;
  color: #444;
}

h1 {
  font-family: "Merriweather", serif;
  font-size: 22px;
  text-align: center;
}