.lillian-old-font {
  font-family: "Arapey", serif;
  color: SaddleBrown;
  font-size: 22px; }

.lillian-new-font {
  font-family: "Caveat", sans-serif;
  color: SaddleBrown;
  font-size: 30px; }

.elsie-font {
  font-family: "Julee", sans-serif;
  color: chocolate;
  font-size: 22px; }

.students-font {
  font-family: "Comic Sans", Chalkboard, sans-serif;
  color: mediumslateblue;
  font-size: 22px; }

.card-font {
  font-family: "Archivo Narrow", sans-serif; }

.lynn-font {
  font-family: "BenchNine", sans-serif !important;
  color: slategray;
  font-size: 22px !important;
  line-height: 1.2em !important; }

.word-font {
  font-family: "Arial", "Helvetica", sans-serif; }

.sign-font {
  font-family: "Cinzel Decorative", cursive; }

.typewritten {
  font-family: "Inconsolata", monospace; }

.utopian-font {
  font-family: "EB Garamond", serif; }

nav.top-bar {
  width: 100%;
  background: none;
  display: flex;
  justify-content: space-between; }

.top-bar-right, .top-bar-left {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem; }
  .top-bar-right a, .top-bar-left a {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    font-family: 'Cinzel Decorative', sans-serif;
    font-size: 15px; }

#about-toggle {
  visibility: hidden; }
  #about-toggle.open {
    visibility: visible; }

.about-modal {
  display: none;
  position: absolute;
  border: 1px solid gainsboro;
  font-family: "EB Garamond", serif;
  top: 2rem;
  left: 1rem;
  width: 15rem;
  padding: 1rem;
  line-height: 1.5em;
  z-index: 99;
  background: white; }
  .about-modal a {
    font-family: inherit;
    font-size: inherit;
    border-bottom: 1px dotted #3c3c3c; }
  .about-modal .close {
    font-family: 'Cinzel Decorative', sans-serif;
    text-align: right; }
    .about-modal .close a {
      border-bottom: none; }
  .about-modal.open {
    display: block; }

.lillian-old-font {
  font-family: "Arapey", serif;
  color: SaddleBrown;
  font-size: 22px; }

.lillian-new-font {
  font-family: "Caveat", sans-serif;
  color: SaddleBrown;
  font-size: 30px; }

.elsie-font {
  font-family: "Julee", sans-serif;
  color: chocolate;
  font-size: 22px; }

.students-font {
  font-family: "Comic Sans", Chalkboard, sans-serif;
  color: mediumslateblue;
  font-size: 22px; }

.card-font {
  font-family: "Archivo Narrow", sans-serif; }

.lynn-font {
  font-family: "BenchNine", sans-serif !important;
  color: slategray;
  font-size: 22px !important;
  line-height: 1.2em !important; }

.word-font {
  font-family: "Arial", "Helvetica", sans-serif; }

.sign-font {
  font-family: "Cinzel Decorative", cursive; }

.typewritten {
  font-family: "Inconsolata", monospace; }

.utopian-font {
  font-family: "EB Garamond", serif; }

.reader .doc .reader-container .pages.frag1, .reader .doc .reader-container .pages.frag2, .reader .doc .reader-container .pages.frag3, .reader .doc .reader-container .pages.frag4, .reader .doc .reader-container .pages.frag5, .reader .doc .reader-container .pages.frag6, .reader .doc .reader-container .pages.frag7, .reader .doc .reader-container .pages.frag8 {
  background-image: url(ac258a9db8db6bdb24851ce85246f3dc.png);
  z-index: -999999; }
  .reader .doc .reader-container .pages.frag1 article.article, .reader .doc .reader-container .pages.frag2 article.article, .reader .doc .reader-container .pages.frag3 article.article, .reader .doc .reader-container .pages.frag4 article.article, .reader .doc .reader-container .pages.frag5 article.article, .reader .doc .reader-container .pages.frag6 article.article, .reader .doc .reader-container .pages.frag7 article.article, .reader .doc .reader-container .pages.frag8 article.article {
    padding: 0rem 1rem; }
    .reader .doc .reader-container .pages.frag1 article.article p, .reader .doc .reader-container .pages.frag1 article.article h1, .reader .doc .reader-container .pages.frag1 article.article h2, .reader .doc .reader-container .pages.frag1 article.article h3, .reader .doc .reader-container .pages.frag1 article.article h4, .reader .doc .reader-container .pages.frag1 article.article h5, .reader .doc .reader-container .pages.frag1 article.article h6, .reader .doc .reader-container .pages.frag2 article.article p, .reader .doc .reader-container .pages.frag2 article.article h1, .reader .doc .reader-container .pages.frag2 article.article h2, .reader .doc .reader-container .pages.frag2 article.article h3, .reader .doc .reader-container .pages.frag2 article.article h4, .reader .doc .reader-container .pages.frag2 article.article h5, .reader .doc .reader-container .pages.frag2 article.article h6, .reader .doc .reader-container .pages.frag3 article.article p, .reader .doc .reader-container .pages.frag3 article.article h1, .reader .doc .reader-container .pages.frag3 article.article h2, .reader .doc .reader-container .pages.frag3 article.article h3, .reader .doc .reader-container .pages.frag3 article.article h4, .reader .doc .reader-container .pages.frag3 article.article h5, .reader .doc .reader-container .pages.frag3 article.article h6, .reader .doc .reader-container .pages.frag4 article.article p, .reader .doc .reader-container .pages.frag4 article.article h1, .reader .doc .reader-container .pages.frag4 article.article h2, .reader .doc .reader-container .pages.frag4 article.article h3, .reader .doc .reader-container .pages.frag4 article.article h4, .reader .doc .reader-container .pages.frag4 article.article h5, .reader .doc .reader-container .pages.frag4 article.article h6, .reader .doc .reader-container .pages.frag5 article.article p, .reader .doc .reader-container .pages.frag5 article.article h1, .reader .doc .reader-container .pages.frag5 article.article h2, .reader .doc .reader-container .pages.frag5 article.article h3, .reader .doc .reader-container .pages.frag5 article.article h4, .reader .doc .reader-container .pages.frag5 article.article h5, .reader .doc .reader-container .pages.frag5 article.article h6, .reader .doc .reader-container .pages.frag6 article.article p, .reader .doc .reader-container .pages.frag6 article.article h1, .reader .doc .reader-container .pages.frag6 article.article h2, .reader .doc .reader-container .pages.frag6 article.article h3, .reader .doc .reader-container .pages.frag6 article.article h4, .reader .doc .reader-container .pages.frag6 article.article h5, .reader .doc .reader-container .pages.frag6 article.article h6, .reader .doc .reader-container .pages.frag7 article.article p, .reader .doc .reader-container .pages.frag7 article.article h1, .reader .doc .reader-container .pages.frag7 article.article h2, .reader .doc .reader-container .pages.frag7 article.article h3, .reader .doc .reader-container .pages.frag7 article.article h4, .reader .doc .reader-container .pages.frag7 article.article h5, .reader .doc .reader-container .pages.frag7 article.article h6, .reader .doc .reader-container .pages.frag8 article.article p, .reader .doc .reader-container .pages.frag8 article.article h1, .reader .doc .reader-container .pages.frag8 article.article h2, .reader .doc .reader-container .pages.frag8 article.article h3, .reader .doc .reader-container .pages.frag8 article.article h4, .reader .doc .reader-container .pages.frag8 article.article h5, .reader .doc .reader-container .pages.frag8 article.article h6 {
      font-family: "EB Garamond", serif;
      font-size: 1.3rem;
      text-indent: 0; }

.reader .doc .reader-container .pages.notes, .reader .doc .reader-container .pages.astrolith1 {
  font-family: "Arial", "Helvetica", sans-serif; }
  .reader .doc .reader-container .pages.notes article.article, .reader .doc .reader-container .pages.astrolith1 article.article {
    text-indent: 0; }
    .reader .doc .reader-container .pages.notes article.article p, .reader .doc .reader-container .pages.notes article.article h1, .reader .doc .reader-container .pages.notes article.article h2, .reader .doc .reader-container .pages.notes article.article h3, .reader .doc .reader-container .pages.notes article.article h4, .reader .doc .reader-container .pages.notes article.article h5, .reader .doc .reader-container .pages.notes article.article h6, .reader .doc .reader-container .pages.astrolith1 article.article p, .reader .doc .reader-container .pages.astrolith1 article.article h1, .reader .doc .reader-container .pages.astrolith1 article.article h2, .reader .doc .reader-container .pages.astrolith1 article.article h3, .reader .doc .reader-container .pages.astrolith1 article.article h4, .reader .doc .reader-container .pages.astrolith1 article.article h5, .reader .doc .reader-container .pages.astrolith1 article.article h6 {
      font-family: "Arial", "Helvetica", sans-serif; }

.reader .doc .reader-container .pages.astrolith1 .recto, .reader .doc .reader-container .pages.astrolith1 .verso {
  display: none; }

.reader .doc .reader-container .pages.astrolith1 article.article h1, .reader .doc .reader-container .pages.astrolith1 article.article h2, .reader .doc .reader-container .pages.astrolith1 article.article h3, .reader .doc .reader-container .pages.astrolith1 article.article h4, .reader .doc .reader-container .pages.astrolith1 article.article h5, .reader .doc .reader-container .pages.astrolith1 article.article h6 {
  font-family: "Comic Sans", Chalkboard, sans-serif;
  margin-bottom: 1em;
  padding: 0;
  text-align: center; }

.reader .doc .reader-container .pages.age h1, .reader .doc .reader-container .pages.age h2, .reader .doc .reader-container .pages.age h3, .reader .doc .reader-container .pages.age h4, .reader .doc .reader-container .pages.age h5, .reader .doc .reader-container .pages.age h6 {
  text-align: center;
  line-height: 1em; }

.reader .doc .reader-container .pages.age h1, .reader .doc .reader-container .pages.age h2 {
  font-family: giglio_wfregular, serif; }

.reader .doc .reader-container .pages.age h6 {
  font-size: .4rem;
  text-transform: uppercase; }

.reader .doc .reader-container .pages.paper1 {
  width: 150%;
  margin-left: -25%; }
  .reader .doc .reader-container .pages.paper1 .recto, .reader .doc .reader-container .pages.paper1 .verso {
    display: none; }
  .reader .doc .reader-container .pages.paper1 .paper-container {
    column-count: 2; }
    .reader .doc .reader-container .pages.paper1 .paper-container p {
      font-family: "EB Garamond", serif;
      font-size: 1.1rem;
      line-height: 1.3rem;
      text-indent: 0;
      text-align: justify; }
  .reader .doc .reader-container .pages.paper1 h1 {
    line-height: 1.2em; }
  .reader .doc .reader-container .pages.paper1 h1, .reader .doc .reader-container .pages.paper1 h2, .reader .doc .reader-container .pages.paper1 h3, .reader .doc .reader-container .pages.paper1 h4, .reader .doc .reader-container .pages.paper1 h5, .reader .doc .reader-container .pages.paper1 h6 {
    text-align: center;
    font-family: "EB Garamond", serif; }
  .reader .doc .reader-container .pages.paper1 h2 {
    font-size: 1rem;
    font-weight: normal;
    font-style: italic; }
  .reader .doc .reader-container .pages.paper1 h4 {
    font-size: 1.5rem; }
  .reader .doc .reader-container .pages.paper1 header {
    border-bottom: 1px solid #646464;
    margin-bottom: 2rem;
    padding-bottom: 1rem; }
    .reader .doc .reader-container .pages.paper1 header img {
      margin: auto;
      max-width: 200px;
      display: block; }

.reader .doc .reader-container .pages.paper2, .reader .doc .reader-container .pages.paper3, .reader .doc .reader-container .pages.paper4 {
  max-width: 75%; }
  .reader .doc .reader-container .pages.paper2 .recto, .reader .doc .reader-container .pages.paper2 .verso, .reader .doc .reader-container .pages.paper3 .recto, .reader .doc .reader-container .pages.paper3 .verso, .reader .doc .reader-container .pages.paper4 .recto, .reader .doc .reader-container .pages.paper4 .verso {
    display: none; }
  .reader .doc .reader-container .pages.paper2 p, .reader .doc .reader-container .pages.paper3 p, .reader .doc .reader-container .pages.paper4 p {
    font-family: "EB Garamond", serif;
    font-size: 1.1rem;
    line-height: 1.4rem;
    text-indent: 0;
    text-align: justify; }
  .reader .doc .reader-container .pages.paper2 small, .reader .doc .reader-container .pages.paper3 small, .reader .doc .reader-container .pages.paper4 small {
    text-transform: uppercase; }
  .reader .doc .reader-container .pages.paper2 h1, .reader .doc .reader-container .pages.paper2 h2, .reader .doc .reader-container .pages.paper2 h3, .reader .doc .reader-container .pages.paper2 h4, .reader .doc .reader-container .pages.paper2 h5, .reader .doc .reader-container .pages.paper2 h6, .reader .doc .reader-container .pages.paper3 h1, .reader .doc .reader-container .pages.paper3 h2, .reader .doc .reader-container .pages.paper3 h3, .reader .doc .reader-container .pages.paper3 h4, .reader .doc .reader-container .pages.paper3 h5, .reader .doc .reader-container .pages.paper3 h6, .reader .doc .reader-container .pages.paper4 h1, .reader .doc .reader-container .pages.paper4 h2, .reader .doc .reader-container .pages.paper4 h3, .reader .doc .reader-container .pages.paper4 h4, .reader .doc .reader-container .pages.paper4 h5, .reader .doc .reader-container .pages.paper4 h6 {
    text-align: center;
    text-transform: uppercase;
    font-family: "EB Garamond", serif; }
  .reader .doc .reader-container .pages.paper2 h1, .reader .doc .reader-container .pages.paper3 h1, .reader .doc .reader-container .pages.paper4 h1 {
    font-size: 3rem; }
  .reader .doc .reader-container .pages.paper2 h2, .reader .doc .reader-container .pages.paper3 h2, .reader .doc .reader-container .pages.paper4 h2 {
    font-size: 1rem;
    font-weight: normal;
    font-style: italic; }
  .reader .doc .reader-container .pages.paper2 img, .reader .doc .reader-container .pages.paper3 img, .reader .doc .reader-container .pages.paper4 img {
    margin: auto;
    max-width: 200px;
    display: block; }
  .reader .doc .reader-container .pages.paper2 header, .reader .doc .reader-container .pages.paper3 header, .reader .doc .reader-container .pages.paper4 header {
    margin-bottom: 2rem;
    padding-bottom: 1rem; }

.reader .doc .reader-container .pages.paper2 img {
  margin-bottom: 1em; }

.reader .doc .reader-container .pages.paper2 h4 {
  font-size: 2rem; }

.reader .doc .reader-container .pages.paper3, .reader .doc .reader-container .pages.paper4 {
  max-width: 100%; }
  .reader .doc .reader-container .pages.paper3 header, .reader .doc .reader-container .pages.paper4 header {
    margin-bottom: 0; }
  .reader .doc .reader-container .pages.paper3 h2, .reader .doc .reader-container .pages.paper4 h2 {
    padding: 0;
    font-size: 1rem; }
  .reader .doc .reader-container .pages.paper3 img, .reader .doc .reader-container .pages.paper4 img {
    max-width: 25%; }
  .reader .doc .reader-container .pages.paper3 h4, .reader .doc .reader-container .pages.paper4 h4 {
    margin: .5em 0;
    font-size: 1.5rem; }

.reader .doc .reader-container .pages.lynn1, .reader .doc .reader-container .pages.lynn2, .reader .doc .reader-container .pages.lynn3 {
  font-family: "BenchNine", sans-serif;
  font-size: 22px;
  font-weight: lighter; }
  .reader .doc .reader-container .pages.lynn1 article.article p, .reader .doc .reader-container .pages.lynn2 article.article p, .reader .doc .reader-container .pages.lynn3 article.article p {
    font-family: "BenchNine", sans-serif;
    font-size: 24px;
    line-height: 1.3em;
    color: slategray; }

.reader .doc .reader-container .pages.diagram1 {
  width: 150%;
  margin-left: -25%; }
  .reader .doc .reader-container .pages.diagram1 img {
    display: block;
    margin: auto; }
  .reader .doc .reader-container .pages.diagram1 .recto, .reader .doc .reader-container .pages.diagram1 .verso {
    display: none; }
  .reader .doc .reader-container .pages.diagram1 .diagram-note {
    opacity: 0.75;
    text-align: right;
    padding: 1rem; }

.reader .doc .reader-container .pages.lillian1 {
  width: 110%;
  margin-left: -5%;
  font-family: "Arapey", serif;
  font-color: SaddleBrown; }
  .reader .doc .reader-container .pages.lillian1 .recto, .reader .doc .reader-container .pages.lillian1 .verso {
    text-transform: none; }
  .reader .doc .reader-container .pages.lillian1 article.article p {
    font-family: "Arapey", serif;
    font-color: SaddleBrown;
    font-size: 22px;
    line-height: 1.3em; }

.first-letter {
  font-size: 50px;
  float: left;
  line-height: 25px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 2px; }

.lillian-old-font {
  font-family: "Arapey", serif;
  color: SaddleBrown;
  font-size: 22px; }

.lillian-new-font {
  font-family: "Caveat", sans-serif;
  color: SaddleBrown;
  font-size: 30px; }

.elsie-font {
  font-family: "Julee", sans-serif;
  color: chocolate;
  font-size: 22px; }

.students-font {
  font-family: "Comic Sans", Chalkboard, sans-serif;
  color: mediumslateblue;
  font-size: 22px; }

.card-font {
  font-family: "Archivo Narrow", sans-serif; }

.lynn-font {
  font-family: "BenchNine", sans-serif !important;
  color: slategray;
  font-size: 22px !important;
  line-height: 1.2em !important; }

.word-font {
  font-family: "Arial", "Helvetica", sans-serif; }

.sign-font {
  font-family: "Cinzel Decorative", cursive; }

.typewritten {
  font-family: "Inconsolata", monospace; }

.utopian-font {
  font-family: "EB Garamond", serif; }

.card-style, .card-inline, p.travel, .card {
  font-family: "Archivo Narrow", sans-serif;
  color: #0a0a0a;
  font-size: 16px;
  text-indent: 0;
  line-height: 1.3rem; }

.card-inline {
  width: 80%;
  padding-left: 3em; }

.card {
  position: absolute;
  margin-top: -5rem;
  width: 18%;
  min-width: 100px;
  visibility: hidden;
  /* Might want to do an animation transition here */ }
  .card.right {
    right: 2%;
    text-align: left;
    padding: 0 0 0 20px;
    visibility: visible; }
    .card.right.force-down {
      text-align: left; }
  .card.left {
    left: 2%;
    text-align: left;
    padding: 0 20px 0 0;
    visibility: visible; }
    .card.left.force-down {
      text-align: left; }
  .card.center {
    left: 50%;
    /* position the left edge of the element at the middle of the parent */
    transform: translateX(-50%);
    width: inherit;
    text-align: center;
    display: block;
    margin: 5rem auto 2rem auto;
    padding: 0;
    visibility: visible; }
  .card.inline {
    display: block;
    position: static;
    width: 70%;
    margin: 2em 0 0 0; }
  .card.lynn {
    font-family: "BenchNine", sans-serif;
    color: slategray;
    font-size: 22px;
    font-weight: normal !important;
    line-height: 1.2em; }
  .card.elsie {
    font-family: "Julee", sans-serif !important;
    font-size: 24px;
    line-height: 1.1em;
    color: chocolate !important; }
  .card.students {
    font-family: "Comic Sans", Chalkboard, sans-serif;
    color: mediumslateblue; }
  .card.lillian {
    text-align: left !important;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: "Caveat", sans-serif;
    color: dodgerblue;
    font-size: 22px; }
  .card.lillian-center {
    font-family: "Caveat", sans-serif;
    color: dodgerblue;
    font-size: 22px;
    text-align: center;
    width: 100%; }
  .card.force-down {
    width: 80%;
    margin-top: 10rem;
    text-align: center !important; }
  .card.lillian {
    text-align: left !important;
    /* Keep this here! */ }

.travel .force-down {
  text-align: center !important; }

.jtk-connector {
  z-index: -1; }
  .jtk-connector path {
    stroke: rgba(0, 0, 0, 0.5); }

body.squiggle .jtk-connector {
  filter: url(#filter-line-wiggle);
  -webkit-filter: url(#filter-line-wiggle); }
  body.squiggle .jtk-connector.left path {
    stroke: url(#left-line-gradient); }
  body.squiggle .jtk-connector.right path {
    stroke: url(#right-line-gradient); }

.jtk-connector.drawing > path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000; }

@keyframes doAnim {
  to {
    stroke-dashoffset: 0; } }

.jtk-connector.drawing > path {
  animation: doAnim 2s linear forwards; }

.link-source span span {
  /*  background: rgba(255, 255, 0, .2); */
  border-bottom: 1px dotted #646464; }

.link-source span span a {
  /*  background: $white; */ }

.section-enter, .section-appear {
  opacity: 0.01; }

.section-enter.section-enter-active, .section-appear.section-appear-active {
  opacity: 1;
  transition: opacity 500ms ease-in; }

.section-leave {
  opacity: 1; }

.section-leave.section-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in; }

.lillian-old-font {
  font-family: "Arapey", serif;
  color: SaddleBrown;
  font-size: 22px; }

.lillian-new-font {
  font-family: "Caveat", sans-serif;
  color: SaddleBrown;
  font-size: 30px; }

.elsie-font {
  font-family: "Julee", sans-serif;
  color: chocolate;
  font-size: 22px; }

.students-font {
  font-family: "Comic Sans", Chalkboard, sans-serif;
  color: mediumslateblue;
  font-size: 22px; }

.card-font {
  font-family: "Archivo Narrow", sans-serif; }

.lynn-font {
  font-family: "BenchNine", sans-serif !important;
  color: slategray;
  font-size: 22px !important;
  line-height: 1.2em !important; }

.word-font {
  font-family: "Arial", "Helvetica", sans-serif; }

.sign-font {
  font-family: "Cinzel Decorative", cursive; }

.typewritten {
  font-family: "Inconsolata", monospace; }

.utopian-font {
  font-family: "EB Garamond", serif; }

.section-enter, .section-appear {
  opacity: 0.01; }

.section-enter.section-enter-active, .section-appear.section-appear-active {
  opacity: 1;
  transition: opacity 500ms ease-in; }

.section-leave {
  opacity: 1; }

.section-leave.section-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in; }

.lillian-old-font {
  font-family: "Arapey", serif;
  color: SaddleBrown;
  font-size: 22px; }

.lillian-new-font {
  font-family: "Caveat", sans-serif;
  color: SaddleBrown;
  font-size: 30px; }

.elsie-font {
  font-family: "Julee", sans-serif;
  color: chocolate;
  font-size: 22px; }

.students-font {
  font-family: "Comic Sans", Chalkboard, sans-serif;
  color: mediumslateblue;
  font-size: 22px; }

.card-font {
  font-family: "Archivo Narrow", sans-serif; }

.lynn-font {
  font-family: "BenchNine", sans-serif !important;
  color: slategray;
  font-size: 22px !important;
  line-height: 1.2em !important; }

.word-font {
  font-family: "Arial", "Helvetica", sans-serif; }

.sign-font {
  font-family: "Cinzel Decorative", cursive; }

.typewritten {
  font-family: "Inconsolata", monospace; }

.utopian-font {
  font-family: "EB Garamond", serif; }

/* Reader UI */
.reader {
  margin: 3rem auto; }
  .reader .doc .reader-container .pages {
    margin: auto;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.15);
    padding: 1rem 1rem;
    font-family: 'Playfair Display', serif; }
    .reader .doc .reader-container .pages .recto, .reader .doc .reader-container .pages .verso {
      margin-bottom: 1rem; }
      .reader .doc .reader-container .pages .recto .title, .reader .doc .reader-container .pages .verso .title {
        display: inline-block;
        font-size: 1rem;
        text-transform: uppercase; }
    .reader .doc .reader-container .pages .recto {
      text-align: left;
      float: left; }
      .reader .doc .reader-container .pages .recto .title {
        margin-left: 2rem; }
    .reader .doc .reader-container .pages .verso {
      text-align: right;
      float: right; }
      .reader .doc .reader-container .pages .verso .title {
        margin-right: 2rem; }
    .reader .doc .reader-container .pages article.article {
      clear: both;
      text-indent: 1em;
      padding: 1rem 2rem; }
      .reader .doc .reader-container .pages article.article p {
        font-family: 'Playfair Display', serif;
        font-size: 16px;
        background: none;
        margin: 0 0 1em 0; }
      .reader .doc .reader-container .pages article.article.book {
        padding: 1rem 2rem;
        /*
            column-count: 2;
            column-gap: 4rem;
            column-rule: solid $page-divider 1px;
            */ }
        .reader .doc .reader-container .pages article.article.book p {
          text-align: justify; }

body {
  color: #0a0a0a;
  background: white;
  /*  overflow-x: hidden; */
  text-rendering: optimizeLegibility; }

h1, h2, h3, h4, h5, h6 {
  margin: .25rem 0 .5rem; }

img {
  max-width: 100%; }

a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid; }

a:hover {
  color: tomato;
  border-bottom: 1px solid tomato; }

p {
  font-family: 'Lora', Georgia, serif;
  line-height: 1.6em;
  font-size: 18px; }
  @media (max-width: 770px) {
    p {
      font-size: 1rem; } }

li {
  font-family: "Archivo Narrow", sans-serif;
  font-size: 18px;
  line-height: 1.6em; }

.container {
  margin: 4rem auto;
  max-width: 1600px; }
  @media (max-width: 450px) {
    .container {
      display: none; } }

blockquote p {
  color: #3c3c3c;
  margin: 1em 0 2em 2rem; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lora', serif;
  font-weight: bold; }

header {
  text-align: center; }
  header h1 {
    font-family: 'Cinzel Decorative', serif;
    font-size: 5rem; }
    @media (max-width: 770px) {
      header h1 {
        font-size: 2rem; } }
  header h6 {
    text-transform: uppercase;
    padding-bottom: 2rem; }
  header blockquote {
    text-align: left;
    margin: 2rem auto;
    padding-left: 2rem;
    font-family: "EB Garamond", serif;
    font-size: 18px;
    line-height: 1.4em; }
    @media (max-width: 770px) {
      header blockquote {
        padding: 0;
        margin: 0; } }
  header .begin {
    font-family: 'Cinzel Decorative', serif; }

@keyframes lineAnim {
  to {
    stroke-dashoffset: 0; } }

header.section-divider svg {
  height: 1rem;
  margin: 2rem 0 1rem 0; }
  header.section-divider svg line {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: lineAnim 4s linear forwards; }

body.squiggle header.section-divider svg {
  filter: url(#filter-line-wiggle);
  -webkit-filter: url(#filter-line-wiggle); }

.current-section > section,
.section > section {
  width: 55%;
  margin: auto; }

.current-section > .reader,
.section > .reader {
  width: 80%; }

.strikethrough {
  text-decoration: line-through; }

blockquote {
  color: #3c3c3c;
  border: none; }

.sign {
  background: radial-gradient(ellipse farthest-corner at 90% 90%, rgba(70, 60, 60, 0.6) 0%, #413c3c 100%);
  color: white;
  padding: 2rem;
  text-align: center;
  margin: 1.5em 0; }
  .sign h4 {
    font-family: "Cinzel Decorative", cursive;
    font-size: 2em;
    margin: 0;
    padding: 0; }
  .sign p {
    background: none !important;
    color: white;
    text-align: justify;
    margin: 1em 0 0 0; }

blockquote.typewritten {
  line-height: 1.4em; }

figure {
  width: 60vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -30vw;
  margin-right: -30vw;
  padding-bottom: 2em; }
  figure figcaption {
    font-family: "Archivo Narrow", sans-serif;
    color: #0a0a0a;
    font-size: 16px;
    text-indent: 0;
    line-height: 1.3rem;
    text-align: center;
    margin: auto;
    max-width: 75%; }

footer figure {
  padding-top: 2rem;
  width: 80vw;
  margin-left: -40vw;
  margin-right: -40vw; }

footer p {
  text-align: center;
  font-family: 'Cinzel Decorative', serif; }

.next-chapter-link {
  font-family: 'Cinzel Decorative', serif;
  text-align: center; }

.credits div {
  column-count: 2; }
  .credits div p {
    font-size: 16px;
    font-family: 'Lora', Georgia, serif;
    list-style-type: none; }
  .credits div .link {
    font-size: smaller;
    color: dodgerblue; }
  .credits div .card {
    font-family: 'Lora', Georgia, serif;
    font-size: 13px;
    line-height: 1.2em; }

/* Shame message over small viewports */
#small-viewport-message {
  display: none;
  margin: auto;
  padding: 1em;
  font-size: larger;
  text-align: center;
  background: red;
  color: white; }
  @media (max-width: 450px) {
    #small-viewport-message {
      display: block; } }