body {
  font-family: "Open Sans", Arial, sans-serif;
  margin: 0;
  padding: 0;
  font-weight: 400;
}

p {
  line-height: 1.4;
  font-size: 1.3rem;
  padding-bottom: 10px;
}

p > a {
  text-decoration: none;
  color: #b56969;
  border-bottom: 1px solid #b56969 !important;
}

p > a:hover {
  color: #b56969;
  text-decoration: none;
  cursor: pointer;
}

ul {
  list-style: none;
  padding-inline-start: 0;
}

.legend {
  margin: 25px 0;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 3px;
  float: left;
  margin-top: 5px;
}

.us-dot {
  background-color: #47acb1;
}

.ca-dot {
  background-color: #ffcd34;
}

.family-dot, .family {
  background-color: #add5d7;
}

#horz-bar-chart text {
  fill: #212121;
  font-size: 0.9rem;
  font-family: "Open Sans", Arial, sans-serif;
  text-anchor: end;
  font-weight: 800;
}

#horz-bar-chart .label {
  fill: #212121;
  font-size: 1rem;
  text-anchor: end;
  font-weight: 400;
}

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