:root {
  --nav-height: 60px;
  --page-height: calc(100dvh - var(--nav-height));
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #ffffff;
  font-family: "EB Garamond", serif;
}

body {
  color: #111;
}

@media (max-width: 600px) {
  :root {
    --nav-height: 56px;
    --page-height: calc(100dvh - var(--nav-height));
  }
}