@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif&display=swap');

@media (min-width:320px)  { }
@media (min-width:481px)  { }
@media (min-width:641px)  { }
@media (min-width:961px)  { }
@media (min-width:1025px) { }
@media (min-width:1281px) { }

.medievalsharp-regular {
  font-family: "MedievalSharp", cursive;
  font-weight: 400;
  font-style: normal;
}

.pt-serif-regular {
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
}

body {
  background-color: #e6e4dd;
  width: 120ch;
  margin-left: 4ch;
  margin-right: auto;
  font-family: "PT Serif", serif;
}

h1 {
  font-family: "MedievalSharp", cursive;
  display: flex;
  justify-content: center;
}

p {
  text-align: justify;
}

div > blockquote > p {
  font-style: italic;
}

img {
  width: 40ch;
  display: flex;
}

figure > figcaption {
  font-size: 0.8em;
  text-align: center
}

.quote-caption {
  text-align: end;
  margin-right: 5ch;
  font-size: 0.85em;
}