html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size:14px;
  font: 12px sans-serif;
}
.backGround2{
  background-image: url("./images/divBackground.png");
  background-size: cover;
  background-repeat: no-repeat;
}
svg{
  border: 1px solid lightgrey;
  border-radius: 8px;
  padding: 2px;
}
.axis{
    font: 10px sans-serif;
}
.headracer1{color: darkorange;}
.headracer2{color: darkgreen;}
.headracerWhatIf{color: darkred;}

.racer1{
 color: darkorange;
 font-weight: 500;
}
.racerWhatIf{
 color: darkred;
 font-weight: 500;
}

.racer2{
 color: darkgreen;
 font-weight: 500;
}
.axis path,
.axis line{
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}
.x.axis path{
    display: none
} 
.bar{
    fill: steelblue;
}