@import './header.css';
@import './footer.css';

body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  font-size: 1.2em;
  font-family: 'Vollkorn', serif;
  width: 100%;
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  width: 100%;
  max-width: 100vw;
}

@media (max-width: 768px) {
  main {
    padding: 0;
  }
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% - 1rem * 2);
  padding: 2rem 1rem;
}

section:not(:first-of-type) {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}