body {
  
  margin: 0;
  padding: 0;
}
canvas {
  display: block;
}


.circle {
  margin: auto;
  height: 415px;
  width: 415px;
  border-radius: 100%;
  background: #FFD523;
  margin-top: 65px;
}

h1{

  color: #F9F9F9;
  text-align: center;
  lipxeight: 10px;
  margin-top: -350px;
  letter-spacing:8px;
  line-height:45px;
 
  text-shadow: 1px 1px #57837B, 2px 2px #57837B, 3px 3px #57837B, 4px 4px #57837B, 5px 5px #57837B, 6px 6px #57837B,7px 7px #FFD523,8px 8px #FFD523, 10px 10px #57837B, 11px 11px 5px #57837B;
}


  
span:nth-child(3){
  
  font-size: 25px;
}

span:nth-child(7) { 
font-size: 30px;
}

span:nth-child(1){
  font-size: 70px;
} 

span:nth-child(9), span:nth-child(5)  {
  font-size: 65px;
}


 h2{
  color: #FFD523;
  text-align: center;
  line-height: 120px;
  margin-top: 40px;
 
   text-shadow: 1px 1px #F9F9F9,2px 2px #F9F9F9, 3px 3px #F9F9F9
}

h3{
  color: #FFD523;
  font-size:40px;
  text-align: center;
  line-height: 10px;
  margin-top: 15px;
   
  
  text-shadow: 1px 1px #57837B ,2px 2px #57837B,3px 3px #57837B
}

h2,h3{
   line-height:20px;
}