body {
  font: 0.8em "American Typewriter", Cambria, Caladea, "DejaVu Serif Condensed", serif;
  line-height: 1.32;
  padding: 0 1.5em;
  background-color: #073642;
  color: #073642;
  margin-left: -1em;
  margin-right: -1em;
  overflow-x: hidden;
}
@media screen and (max-width: 400px) {
  body {
    font-size: 0.7em;
  }
}
@media screen and (min-width: 701px) {
  body {
    font-size: 0.864em;
  }
}
@media screen and (min-width: 800px) {
  body {
    font-size: 1em;
  }
}

#text {
  background-color: #eee8d5;
  margin: auto;
  padding: 0.5em 0.5em 0.7em 1.4em;
}
@media screen and (max-width: 700px) {
  #text {
    margin: -1em -0.6em -1em -1em;
  }
}
@media screen and (min-width: 701px) {
  #text {
    width: 46em;
  }
}

h1 {
  font: 2em "Marker Felt", "Segoe Print", "Liberation Sans Narrow", "DejaVu Sans Condensed", fantasy;
  font-style: italic;
  margin-left: -0.15em;
  color: #2aa198;
}

h2 {
  border-top: 1px solid #839496;
  padding-top: 0.6em;
  margin-top: 1.1em;
  margin-bottom: 0.8em;
  color: #839496;
  font-size: 1.3em;
}

h3 {
  color: #b58900;
  font: 1.5em "Marker Felt", "Segoe Print", "Liberation Sans Narrow", "DejaVu Sans Condensed", fantasy;
}

p {
  margin-left: 0.2em;
}

table {
  margin-top: -0.65em;
  margin-bottom: -0.5em;
}

td {
  padding-right: 3em;
}

a {
  text-decoration: none;
  color: #268bd2;
}
a:visited {
  color: #6c71c4;
}

.right {
  border-left: 1px solid #93a1a1;
  margin-left: 0.7em;
  padding-left: 0.7em;
}