body {
    font-family: sans-serif;
}

svg {
  font: 10px sans-serif;
}

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

.x.axis path {
    display: none;
}

.twilight {
    fill: steelblue;
    stroke: steelblue;
    stroke-width: 1.5px;
}

.fulldark {
    fill: darkblue;
    stroke: darkblue;
    stroke-width: 1.5px;
}

.midday {
    fill: none;
    stroke: orange;
    stroke-width: 1px;
    font-weight: 100;
}

.solstice {
    fill: none;
    stroke: black;
    stroke-width: 1px;
}

.noon {
    fill: none;
    stroke: gray;
    stroke-width: 0.5px;
}

.commute {
    fill: #BDECB6;
    opacity: 0.7;
}

.overlay {
}

.layer {
  opacity: 0;
}