html,body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}

canvas {
   background-color: #FFF ;
   border-radius:15px;
}

#mychart{
    background-color: #FD960E;
}

.circle{
  margin-top: -20px;  
  width:80%;
  border-radius:50%;
  text-align:center;
  font-size:3vw;
  padding:40% 5%;
  line-height:0;
  position:relative;
  background: #fff;
  color: black;
  font-family: Helvetica, Arial Black, sans;
}

.square{
  margin-top: -20px;  
  width:80%;
  border-radius:5%;
  text-align:center;
  font-size:3vw;
  padding:40% 5%;
  line-height:0;
  position:relative;
  background: #fff;
  color: black;
  font-family: Helvetica, Arial Black, sans;
}

.top-card{
    background:white;
    border-radius:10px;
    
}

.card-text{
    font-size:1.5vw;

}

.centre-text{
     text-align: center;
}