* {
  margin: 0;
  padding: 0; }

#container {
  background-color: #F9F9F9;
  width: 100vw;
  height: 100vh; }

#container-scatter {
  background-color: #F9F9F9;
  margin-top: 100px; }

#legend {
  background-color: #c8c8c8;
  font-family: "Adelle Sans", "Helvetica Neue", "Helvetica", "Ariel", sans-serif;
  font-size: 10px;
  letter-spacing: 2px;
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
  width: 320px;
  height: auto; }
  #legend ul {
    list-style: none;
    margin-bottom: 20px; }
    #legend ul li {
      border-left: 30px solid transparent;
      cursor: pointer;
      line-height: 30px;
      border-top: 1px solid black;
      padding-left: 15px;
      height: 30px; }
      #legend ul li:last-child {
        border-bottom: 1px solid black; }
      #legend ul li.active {
        background-color: #e1e1e1;
        border-left: 30px solid black; }

#legend-key {
  text-align: center;
  width: 320px; }
  #legend-key div {
    float: left;
    line-height: 30px;
    text-align: center;
    width: 33.3333%;
    height: 30px; }

#legend-scatter {
  font-family: "Adelle Sans", "Helvetica Neue", "Helvetica", "Ariel", sans-serif;
  font-size: 10px;
  letter-spacing: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px; }
  #legend-scatter h2 {
    padding-left: 15px;
    text-transform: uppercase;
    width: 320px;
    height: 30px; }
  #legend-scatter div {
    float: left;
    margin-right: 30px;
    overflow: hidden;
    width: 320px;
    height: 60px; }
    #legend-scatter div.active {
      height: auto; }
    #legend-scatter div ul li {
      background-color: #e1e1e1;
      border-bottom: 1px solid black;
      cursor: pointer;
      line-height: 30px;
      list-style: none;
      padding-left: 30px;
      text-transform: uppercase;
      height: 30px; }
      #legend-scatter div ul li.selected {
        background-color: #c8c8c8;
        border-top: 1px solid black; }
      #legend-scatter div ul li.active {
        background-color: white; }

.axis {
  font-size: 10px; }
  .axis .tick line {
    stroke: black;
    stroke-width: 1px; }
  .axis .domain {
    fill: transparent;
    stroke: black;
    stroke-width: 1px; }

/*# sourceMappingURL=style.css.map */