body {
  background-color: white;
  color: #333;
}

#menu-icon {
  filter: none;
}

#page-menu {
  background-color: #eee;
}

@media only screen and (min-width: 75em) {
  #page-menu {
    background-color: transparent;
  }
}

a {
  color: hsl(231, 100%, 45%)
}

main table {
  border: 1px solid #888;
}

main thead > tr > td {
  border-bottom: 1px solid #888;
}

main quote {
	background-color: rgba(0, 0, 0, 0.05);
  border-left: 0.35em solid hsl(231, 100%, 45%);
}

.invert-for-dark {
  filter: none;
}

draft::before {
  color: black;
  background-color: hsl(0, 50%, 70%);
}

textarea {
  background-color: #eee;
  color: black;
}

cite {
  color: hsl(231, 100%, 45%);
}


/*** graph ***/

.plot .axis .arrow {
  stroke: #444;
}

.plot .axis .minorTick {
  stroke: #444;
}

.plot .axis .majorTick {
  fill: #444;
}

.plot .axis .label {
  fill: #444;
  alignment-baseline: central;
  text-anchor: middle;
}












.plot .series-0 .fill {
  fill: hsl(231, 100%, 45%);
}
.plot .series-0 .stroke {
  stroke: hsl(231, 100%, 45%);
}
.plot .series-0 .curve {
  stroke: hsl(231, 100%, 45%);
}
.plot .series-0 .error {
  stroke: hsl(231, 100%, 45%);
}
.plot .series-0 .column {
  fill: hsl(231, 100%, 45%);
}
.plot .series-1 .fill {
  fill: hsl(0, 100%, 50%);
}
.plot .series-1 .stroke {
  stroke: hsl(0, 100%, 50%);
}
.plot .series-1 .curve {
  stroke: hsl(0, 100%, 50%);
}
.plot .series-1 .error {
  stroke: hsl(0, 100%, 50%);
}
.plot .series-1 .column {
  fill: hsl(0, 100%, 50%);
}
.plot .series-2 .fill {
  fill: hsl(220, 100%, 59%);
}
.plot .series-2 .stroke {
  stroke: hsl(220, 100%, 59%);
}
.plot .series-2 .curve {
  stroke: hsl(220, 100%, 59%);
}
.plot .series-2 .error {
  stroke: hsl(220, 100%, 59%);
}
.plot .series-2 .column {
  fill: hsl(220, 100%, 59%);
}

.modal-foreground {
  color: #333;
  background-color: white;
}

footnote {
  color: hsl(231, 100%, 45%)
}