* {
  overflow-wrap: break-word;
}
p, div, span {
  font-size: 1em;
}
pre {
  font-size: 0.9em;
  white-space: pre-wrap;
}
h1, h2 {
  text-align: center;
  font-weight: bold;
  page-break-before: always;
  page-break-after: avoid;
  margin-top: 5%;
  margin-bottom: 10%;
}
h3, h4, h5, h6 {
  text-align: center;
  font-weight: bold;
  margin-top: 12%;
  margin-bottom: 10%;
}
ol, ul {
  padding-left: 2em;
}
li {
  padding-bottom: 0.5em;
}
img {
  display: block;
  height: auto;
  width: auto;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  padding: 1% 0;
}
img.fullwidth {
  max-height: none;
}
div.credits {
  text-align: center;
  font-size: 1.1em;
  margin: auto;
  /* max-width: 90%; */
  border-style: solid;
  border-width: 4px 0px 4px 0px;
  border-color: #808080;
}
div.credits > :first-child {
  font-size: 1.2em;
}
div.credits > p > b {
  font-size: 1.12em;
}
a {
  text-decoration: none;
}
a:link {
  color: rgb(0, 0, 255);
}
a:hover {
  color: rgb(0, 255, 0);
}
a:active {
  color: rgb(255, 0, 0);
}
dd, dt, dl {
  padding: 0;
  margin: 0;
}
#creditz, #illustrationz {
  padding: 0;
  margin: 0;
}
.heading {
  font-size: 1.8em;
  text-align: center;
  font-weight: bold;
  page-break-before: always;
  margin-top: 6%;
  margin-bottom: 10%;
}
.thumbcaption {
  display: block;
  font-size: 0.9em;
  padding: 2% 5%;
  border-style: solid;
  border-color: rgb(0, 255, 0);
  border-width: 0 0 0 0.5em;
}
.cmnt {
  padding: 3%;
  font-size: 0.9em;
}
hr, .hr-alt {
  height: 2px;
  width: 80%;
  background-color: #262626;
  margin: 2em auto;
}
sup, rt {
  font-size: 0.7em;
}
.kms {
  font-size: 0.89em;
  font-style: italic;
  padding: 1%;
}