.borders {
  stroke: #ffffff;
  stroke-width: 1;
}
.dccircle {
  display: yes;
} /* set display to yes to show the circle for the District of Columbia, or none to hide it */
.separator1 {
  stroke: #b0b0b0;
  stroke-width: 2;
} /* color and width of lines around Alaska, Hawaii and territories */
.separator2 {
  stroke: #d0d0d0;
  stroke-width: 1;
} /* color and width of lines between islands of the same territory */
/* begin popup styling */

/* end popup styling */
.state {
  fill: #7eaedd;
  width: 100%;
}

#map-container {
  width: 100%;
  height: 600px; /* your desired viewport size */
  overflow: hidden; /* hides anything beyond the container’s edges */
  position: relative;
}

#us-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

path:hover,
circle:hover {
  stroke-width: 2px;
  stroke-linejoin: round;
  cursor: pointer;
}

.dccircle {
  fill: none;
}

.state-abbr {
  font-size: 10px;
  text-anchor: middle;
  dominant-baseline: middle;
  fill: #0f0f0f;
}