html,
body {
  height: 100%;
  width: 100%;
}
body {
  margin: 0;
}
#map {
  width: 100%;
  height: 100%;
}
circle {
  fill-opacity: .5;
  stroke: #fff;
  stroke-width: .5px;
}
div.tooltip {
  position: absolute;
  text-align: center;
  width: 20%;
  height: 20%;
  padding: 20px;
  font: 14px sans-serif;
  background: rgba(255, 255, 255, 0.79);
  border: 0px;
  pointer-events: none;
  z-index: 100;
  border-radius: 12px;
}
path:hover {
  fill : red;
}
#option {
  position: absolute;
  top: 50px;
  right: 10px;
  width: 200px;
  padding: 2em;
  z-index: 50;
  background-color: rgba(255, 255, 255, 0.79);
}
.buttons, .filter_buttons {
  margin: 0.5em;
  padding: 0.5em;
  width: 150px;
}
svg {
  overflow: visible !important;
}