@font-face {
  font-family: "et-book";
  src: url("fonts/et-book/roman-line-figures.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "et-book";
  src: url("fonts/et-book/display-italic-old-style-figures.ttf")
    format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "et-book";
  src: url("fonts/et-book/bold-line-figures.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "fonts/et-book-roman-old-style";
  src: url("et-book/roman-old-style-figures.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

:root {
  --font-size: 19px;
  --font-family:
    et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua",
    Georgia, serif;
  --webkit-font-smoothing: auto;

  @media print {
    --font-size: 14px;
    --main-column-width: 70%;
  }
  @media screen and (min-width: 900px) {
    --main-column-width: 75%;
  }
  @media screen and (max-width: 1200px) {
    --max-readable-width: 60rem;
  }
}