@import url('https://fonts.googleapis.com/css2?family=Germania+One&family=Petrona:ital,wght@0,100..900;1,100..900&display=swap');
html, body {
  font-family: 'Petrona', Verdana;
  font-weight: 400;
  /* font-size: 1.1rem; */
  /* background-color: #ffffeb; */
  background-color: #d2d2cb;
  /* color: rgba(1.0, 1.0, 1.0, 0.8); */
  color: #333;
  scrollbar-color: #d2d2cb #333;
}
a {
  color: DarkBlue;
}
.row {
  display: flex;
}
.col {
  width: 50%;
}
.relative {
  position: relative;
}
.jacket {
  box-sizing: border-box;
  padding: 2rem 4rem 2rem 2rem;
  width: 700px;
  min-width: 300px;
  margin: auto;
  color: #555;
}
.jacket p {
  line-height: 1.1 !important;
  /* text-indent: -0.25rem; */
  margin: 1rem 0 !important;
  color: #555;
  /* padding-left: -2rem; */
  /* margin: 1rem 0; */
}
.jacket h3 {
  color: #555;
}
h1, h3, .chapter-nav {
  font-family: "Germania One", "Times New Roman";
  font-weight: normal;
}
h3 {
  background-image: linear-gradient(#e5e5e5, #e5e5e5);
  background-size: 100% 1px; /* add your height of the line here*/
  background-repeat: no-repeat;
  background-position: 50% 50%; /*place it in the middle */
  margin: 0 0 1rem 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
h3 > span {
  /* background-color: #ffffeb; */
  background-color: #d2d2cb;
  padding-right: 1rem;
  padding-left: 1rem;
}
span.verse {
  color: #111;
  /* display: none; */
  /* text-decoration: underline; */
  font-size: 80%;
  /* width: 1rem; */
  /* display: inline-block; */
  /* background-color: #d2d2cb; */
  /* padding: 0 2px; */
  padding: 0 0.25rem 0 0;
  vertical-align: baseline;
  font-style: italic;
  /* border-radius: 3px; */
  opacity: 0.65;
}