:root { color-scheme: light; font-family: ui-sans-serif, system-ui, sans-serif; color: #1f2421; background: #faf9f5; }
body { margin: 0; line-height: 1.55; } header, main, footer { max-width: 68rem; margin: auto; padding: 1rem 1.25rem; } header { display: flex; gap: 2rem; justify-content: space-between; align-items: baseline; border-bottom: 1px solid #d8d5cb; } nav { display: flex; flex-wrap: wrap; gap: 1rem; } a { color: #174d3b; } main { min-height: 70vh; } article { border-bottom: 1px solid #dfddd5; padding: 1rem 0; } footer { border-top: 1px solid #d8d5cb; } @media (max-width: 40rem) { header { display: block; } nav { margin-top: .75rem; } }