body {
  text-align: center;
  color: #fff;
  background-color: #222;
}
.notification {
  margin-top: 50px;
  color: white;
}

.notification>code {
  color: white;
  background-color: red;
  border: 1px solid red;
  border-radius: 3px;
  padding: 3px 5px;
}

.notification>code#html {
  background-color: #0b6651 !important;
  border: 1px solid #0b6651 !important;
}

.notification>code#html:after {
  content: " & css are working";
}

h1, h2, h3 {
  color: white;
}

path.county:hover {
  stroke-opacity: 1;
  stroke-width: 3;
}

/* #legend-container {
  margin-right: 50px;
  text-align: right;
} */

.legend {
  text-align: left;
  border: 1px solid #333;
  padding-left: 2px;
  display: inline-block;
  width: 65px;
}

#tooltip {
 position: absolute;
 z-index: 10;
 visibility: hidden;
 color: white;
 /* background-color: '#0b6651'; */
 border-radius: 5px;
 padding: 5px 10px;
 opacity: 0.9;
}