body {
  background: #faf7f5; /* f7f5f1; */
  background-image: url("/images/backgrounds/textured-stripes.png");
  background-attachment: fixed;
/*  background-repeat: repeat-x; */
  font-family: 'Source Serif 4', serif;
  line-height: 1.6;
  font-size: 18px;
  margin: 0px;
  padding: 0px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Header */
header {
  text-align: center;
  margin: 0px;
  padding: 0px;
}

header h1 {
  color: #000;
  font-size: 3em;
  font-weight: normal;
  font-family: 'Rubik Dirt', Impact, sans-serif;
  margin: 0;
  padding: 35px 0px 25px 0px;
}

.nav_links ul {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.nav_links li {
  padding: 0px 15px 0px 15px;
}
.nav_links li a {
  text-decoration: none;
  color: #000;
}
.nav_links a:visited {
  color: #333333;
}
.nav_links a:hover {
  color: #e00700;
}
.nav_links a:active {
  color: #ff002a;
}
.nav_links a:focus {
  color: #d10022;
}

header h2 {
  font-size: 1.75em;
  font-weight: 400;
  text-align: center;
  margin: 26px 0px 45px 0px;
  padding: 0px;
}

header a {
  text-decoration: none;
  color: #000;
}
header a:visited {
  color: #000;
}
header a:hover {
  color: #d00600;
}
header a:active {
  color: #d10022;
}
header a:focus {
  color: #a0001a;
}

img.cover {
  display: block;
  margin: 0 auto;
  height: 95vh;
  max-height: 2560px;
  width: auto;  /* % of viewport height */
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

.Typewriter {
  font-size: 1em;
  line-height: 1.7;
  letter-spacing: 0.01em;
  word-spacing: 0.05em;
  color: #222;
  background-color: #fff;
  max-width: 75ch;
  margin: 2em auto;
  padding: 2em 5em 3em 5em;
  box-sizing: border-box;
  border: 1px solid #ccc;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.Typewriter a {
  color: #000;
}
.Typewriter a:visited {
  color: #333333;
}
.Typewriter a:hover {
  color: #d10022;
}
.Typewriter a:active {
  color: #ff002a;
}
.Typewriter a:focus {
  color: #d10022;
}

.Typewriter p {
  text-indent: 1.5em;
  margin: 0;
  padding: 0;
}

.Typewriter h1 {
  text-align: center;
  font-size: 2.5em;
  font-weight: 400;
  margin: 0 0 40px 0;
}

.Typewriter h2 {
  text-align: center;
  font-size: 2.1em;
  font-weight: 400;
  margin: 6px 0 27px 0;
}

.Typewriter h3 {
  text-align: left;
  font-size: 1.3em;
  font-weight: 400;
  margin: 20px 0 0px 0;
}

.Typewriter em {
  font-style: italic;
}

.Typewriter hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.Typewriter table {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}

.Typewriter table th,
.Typewriter table td {
  padding: 0px 15px 0px 15px;
  text-align: left;
}

.Typewriter img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
  border: none;
  background: none;
}

.epigraph {
  font-family: 'Special Elite', serif;
  text-align: center;
/*  text-transform: uppercase; */
  margin: 0px 0 140px 0;
}

.epigraph p {
  text-align: center;
  text-indent: 0em;
}

.centered {
  text-align: center;
  font-weight: 400;
}

.centered p {
  text-align: center;
  text-indent: 0em;
}

.ToC {
  text-align: left;
}

.ToC h3 {
  text-align: left;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.4;
  margin: 25px 0 0px 0;
}

.ToC p {
  text-align: left;
  text-indent: 0em;
}

.ToC a {
  color: #000;
  text-decoration: underline;
  text-decoration-color: #aaa;
}
.ToC a:visited {
  text-decoration: underline;
  text-decoration-color: #fff;
}
.ToC a:hover {
  color: #d10022;
}
.ToC a:active {
  color: #ff002a;
}
.ToC a:focus {
  color: #d10022;
}

.next_scene h3 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.95;
  text-align: center;
  margin: 43px 0px 45px 0px;
  padding: 0px;
}

.next_scene a {
  color: #000;
}
.next_scene a:visited {
  color: #333333;
}
.next_scene a:hover {
  color: #d10022;
}
.next_scene a:active {
  color: #ff002a;
}
.next_scene a:focus {
  color: #d10022;
}

/* Footer */
footer {
  text-align: center;
  font-size: 1.2em;
  font-weight: normal;
  margin: 0px;
  padding: 65px 0px 10px 0px;
}

footer a {
  color: #000;
}
footer a:visited {
  color: #000;
}
footer a:hover {
  color: #c1001f;
}
footer a:active {
  color: #ff002a;
}
footer a:focus {
  color: #d10022;
}

.copyright {
  color: #000;
  font-size: 0.8em;
}

.copyright a {
  color: #000;
  text-decoration: none;
}
.copyright a:visited {
  color: #000;
}
.copyright a:hover {
  color: #c1001f;
}
c.opyright a:active {
  color: #ff002a;
}
.copyright a:focus {
  color: #d10022;
}