:root {
  color-scheme: light;
  background: #f5efe1;
  color: #20221d;
  font: 1rem/1.65 system-ui, sans-serif;
}

body { margin: 0; }

main {
  max-width: 42rem;
  margin: auto;
  padding: clamp(2rem, 7vw, 5rem) 1.5rem;
}

.brand { color: #275341; font-weight: 700; }

h1, h2 {
  font-family: Georgia, serif;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

h1 { font-size: clamp(2.2rem, 8vw, 3.5rem); }
h2 { font-size: 1.5rem; }
section { margin-top: 2rem; }
a { color: #275341; text-underline-offset: .2em; }

footer {
  border-top: 1px solid #b5ad9c;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1.5rem;
  margin-top: 2rem;
  padding-top: 1rem;
}