@charset "UTF-8";
html {
  font-family: "Vollkorn", serif;
  font-size: 16px;
  color: #1E1E1C;
  text-underline-offset: 0.1em;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

header nav.topnav {
  background-color: #E4B538;
  color: #1E1E1C;
  padding-top: 0.25em;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1em;
  justify-content: center;
}
header nav.topnav a {
  font-weight: bold;
  color: #1E1E1C;
}

.logobar {
  background-color: #1E1E1C;
  display: flex;
}
.logobar img {
  height: 2rem;
  margin: 4px auto;
}

footer {
  background-color: #1E1E1C;
  color: #e0dfda;
  padding: 1rem;
  font-size: smaller;
}
footer .bottomnav {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1em;
  justify-content: center;
}
footer .bottomnav a {
  color: #e0dfda;
}
footer p {
  text-align: center;
}

main {
  width: min(32rem, 100vw - 1rem);
  margin: 0 auto 3em;
  flex-grow: 1;
}

h1 {
  text-align: center;
}

h2 {
  margin-top: 2em;
  margin-bottom: 1em;
  text-align: center;
}

h3 {
  margin-top: 1em;
  margin-bottom: 0em;
}

.maintitle {
  margin-bottom: 0.5rem;
}

.subtitle {
  margin-top: 0;
}

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

.by {
  font-style: italic;
  font-size: smaller;
}

.date {
  font-size: smaller;
  color: #545353;
}

a {
  color: #083c92;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.plainlink {
  color: inherit;
  text-decoration: none;
}

p {
  margin: 0;
  text-align: justify;
}

blockquote + p, p + p {
  text-indent: 1em;
}

.smallcaps {
  font-variant: small-caps;
}

.poem {
  text-align: center;
}
.poem .line-block {
  text-align: initial;
  display: inline-block;
  text-indent: 0;
}
.poem .line-block .line {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}

:not(.footnotes) > hr {
  display: contents;
}
:not(.footnotes) > hr::before {
  content: "∗ ∗ ∗";
  width: 100%;
  text-align: center;
  display: block;
  margin: 1em 0;
}

blockquote {
  font-style: italic;
}
blockquote em, blockquote em em em {
  font-style: normal;
}
blockquote em em {
  font-style: italic;
}

.comment p {
  text-indent: 0;
  margin-bottom: 1.4em;
}

.comment.l2 {
  margin-left: 1.5em;
}

.comment.l3 {
  margin-left: 3em;
}

.epigraph {
  margin-left: 3em;
  margin-right: 3em;
  margin-bottom: 1.4em;
}
.epigraph > :not(:last-child) {
  font-style: italic;
  text-align: left;
}
.epigraph > :last-child {
  text-align: right;
}

figure {
  text-align: center;
}
figure img {
  max-width: 100%;
  object-fit: scale-down;
}
figure figcaption {
  font-style: italic;
}

.collection {
  display: flex;
  align-items: start;
  margin-top: 2rem;
}
.collection h3 {
  margin-top: 0;
}

.collection-cover {
  margin-right: 0.5rem;
}
.collection-cover img {
  height: 140px;
}

.contents-list {
  display: flex;
  justify-content: center;
}
.contents-list ol, .contents-list ul {
  counter-reset: item;
  padding: 0;
  margin: 0;
}
.contents-list ol li, .contents-list ul li {
  list-style: none;
  line-height: 1.6;
  text-indent: -3.5em;
  margin-left: 3.5em;
}
.contents-list ol li::before, .contents-list ul li::before {
  display: inline-block;
  content: counter(item);
  counter-increment: item;
  text-align: right;
  margin-right: 0.5em;
  min-width: 2em;
  font-style: italic;
}

.big-format-links {
  text-align: center;
  font-size: large;
  font-weight: bold;
}

.collection-cover-big {
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
}

/*# sourceMappingURL=web.css.map */
