@font-face {
  font-family: "EB-Garamond";
  src: url("../fonts/EBGaramond-SemiBold.ttf");
}
@font-face {
  font-family: "EB-Garamond";
  src: url("../fonts/EBGaramond-SemiBoldItalic.ttf");
  font-style: italic;
}
:root {
  --font-size: 24px;
  --line-height: 28px;
  --font-color: #181818;
  --background: gainsboro;
  --orange: rgb(227, 88, 3, 0.75);
}

@media (min-width: 1250px) {
  :root {
    --font-size: 2vw;
    --line-height: 2.3vw;
  }
}
body {
  font-family: "EB-Garamond";
  font-size: var(--font-size);
  line-height: var(--line-height);
  padding: calc(var(--line-height) / 2);
  background: var(--background);
  color: var(--font-color);
}

a {
  color: blue;
}

a:hover {
  cursor: pointer;
}

h1 {
  display: none;
}

h1,
p {
  margin-bottom: var(--line-height);
}

p {
  max-width: calc(var(--line-height) * 18);
}

em a,
em {
  font-style: italic;
}

#logo {
  width: calc(var(--font-size) * 6);
  display: block;
  margin-top: calc(var(--line-height) * 2);
  margin-bottom: calc(var(--line-height) * 1);
}

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