body {
  width: 100%;
  height: 100%;
  background: #b8c1ec;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 0px;
}
h1, h2 {
  margin: 0px;
}


.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.dot {
  stroke: #000;
  opacity: 0.8;
}
#tooltip {
  position: absolute;
  padding: 10px;
  font-size: 12px;
  background: #232946;
  border: 0px;
  pointer-events: none;
  font-weight: 500;
  color: white;
}