html{
  background-color: #e8e4e4;
}
h1{
  font-size: 150%;
}
.whitetext{
 color: #fff;
}
.topgap{
  margin-top: 0.5%;
}
.circle {
  border-radius: 50%;
  width: 34px;
  height: 34px;
  padding: 10px;
  background: #ffffff;
  border: 3px solid #000;
  color: #000;
  text-align: center;
  font: 16px Arial, sans-serif;
}
.progressbars{
  margin-top: 1%;
  margin-bottom: 1%;
  background-color:#e8e4e4;
  width: 100%;
  height: 10%;
}
li{
  list-style-type: none;
}
.underline{
  text-decoration: underline;
  text-decoration-thickness: 5px;
  text-underline-offset: 5px;
}
.kleurprogress, .gemiddeldekleur  {
  background-color: #78c000;
}
a{
  pointer-events: none;
}