@font-face {
  font-family: garibaldi;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  src: url(/fonts/garibaldi-regular.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: garibaldi;
  font-style: italic;
  font-weight: normal;
  font-stretch: normal;
  src: url(/fonts/garibaldi-italic.woff2) format("woff2");
  font-display: swap;
}

* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
::before,
::after {
  box-sizing: border-box;
}

h1,
p {
  margin-bottom: 0.9rem;
}

main {
  display: block;
}

html {
  font-size: 2.4vw;
  height: 100%;
  font-family: garibaldi, alegreya, palatino, serif;
  line-height: 1.45;

  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}

@media all and (min-width: 960px) {
  html {
    font-size: 23px;
  }
}

@media all and (max-width: 715px) {
  html {
    font-size: 18px;
  }
}

@media print {
  html {
    font-size: 12pt;
  }
}

::selection {
  background-color: #c6e2ff;
}

body {
  background-color: #f0f0ff;
  color: #222;
  font-size: 1rem;
  margin: auto;
  max-width: 32rem;
  padding: 2.5em 2.25em;
  hyphens: auto;
  font-feature-settings: "c2sc" 1;
}

h1 {
  font-size: 1.7rem;
  font-weight: normal;
}

p {
  line-height: 1.48;
}

p em {
  font-style: italic;
}