* {
  box-sizing: border-box;
}

body {
  font-family: 'Open Sans', sans-serif;
  margin: 0px;
  padding: 0px;
}

.text-simple-5 {
  font-size: 5px;
  font-weight: 400;
}

.text-simple-7 {
  font-size: 7px;
  font-weight: 400;
}

.text-simple-8 {
  font-size: 8px;
  font-weight: 400;
}

.text-title-6 {
  font-size: 6px;
  font-weight: 600;
}

.text-title-8 {
  font-size: 8px;
  font-weight: 600;
}

#info-box-1,
#info-box-2,
#info-box-3,
#info-box-4,
#info-box-5,
#info-box-6,
#info-box-7,
#info-box-8,
#info-box-9,
#info-box-10,
#info-box-11,
#info-box-12,
#info-box-13,
#info-box-14,
#info-box-15,
#info-box-16,
#info-box-17 {
  display: none;
}

.clickable-circle-yellow {
  fill: rgba(255, 223, 44, 0.8);
  stroke-width: 1px;
  stroke: #000000;
}

.clickable-circle-grey {
  fill: rgba(195, 195, 195, 0.8);
  stroke-width: 1px;
  stroke: #000000;
}

.clickable-circle-blue {
  fill: rgba(112, 200, 250, 0.8);
  stroke-width: 1px;
  stroke: #000000;
}