:root {
  --spacing: 0.2rem;
  /* --typography-spacing-vertical: 0.5rem; */
}

body {
  grid-template-rows: auto 1fr auto;
  display: grid;
  min-height: 100vh;
  & > main {
    margin: 0 auto;
    max-width: 80ch
  }
}

nav em {
  font-style: normal;
  &:hover {
    font-style: italic;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slidedown {
  from {
    transform: translateY(-30px);
  }
  to {
    transform: translateY(0);
  }
}

h1 {
  animation: fadein 300ms, slidedown 300ms;
}