body {
  margin: 2em 1em 0 3em;
  color: black;
  background: white;
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-image: url(logo.png);
  text-align: center;
}

h1 { text-align: center; }
h2, h3, h4, h5, h6 { text-align: left; }
h1 { color: black; font: 120% sans-serif; font-weight: bold; }
h2 { color: #005A9C; font: 110%; font-weight: medium; }
h3 { color: #001A4C; font: 105% sans-serif; font-weight: medium; }
h4 { color: #007A9C; font: 90% sans-serif; font-weight: medium; }
h5 { color: #005A9C; font: italic 80% sans-serif; }
h6 { font: small-caps 70% sans-serif; }

img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

main { display: flex; flex-wrap: wrap; }
main div.graph { margin: 5px auto; }
main div.range-select span { color: blue; text-decoration: underline; cursor: pointer; }