body {
  background-image: linear-gradient(64.3deg, rgba(254, 122, 152, 0.81) 17.7%, rgba(255, 206, 134, 1) 64.7%, rgba(172, 253, 163, 0.64) 112.1%);
  height: 100vh;
  background-attachment: fixed;
}

svg {
  background: white;
  border: 2px solid black;
  box-shadow: 2px 2px 4px black;
  position: absolute;
  left: 50%;
  transform: translatex(-50%)
}

.cell:hover {
  stroke: black;
}

#tooltip {
  background: rgba(135, 206, 235, 0.7);
  fill: red;
  position: absolute;
  padding: 5px 12px 5px 12px;
  border: 2px solid black;
  box-shadow: 2px 2px 4px black;
  font-weight: 600;
  font-family: sans-serif;
}

#axis-key {
  font-family: georgia
}

@media (max-width: 700px) {
  .x-axis {
    font-size: 8px;
  }
}