Style.CSS /* =========================================================Green Book Digital Archive — Moody Vintage Forest ThemeTeaching CSS with line-by-line intent explained (in comments)========================================================= */ /* ============ 1) DESIGN TOKENS (GLOBAL VARIABLES) ============ / / :root is the top-level element (like ). Variables hereact like “design tokens” you can reuse everywhere. / :root { / Layout sizing / –max-width: 960px; / readable line length / –radius: 14px; / consistent rounding / –gutter-x: clamp(16px, 4vw, 56px); / page side padding that adapts */ /* Moody Vintage Forest palette (from your swatches) / –paper: #8FBFA9; / lightest tone → page background / –ink: #214001; / darkest tone →…

While working on the Green Book website, my main focus was to make everything uniform and accessible. I wanted to make the information clean and easy to read while creating a general theme to bring the whole website together. That’s why I chose green for the background and details to specifically match the name of the Green Book. I chose specifically a gradient of green, so all the colors blend together and make it easy and assessable for users to see and read information. For my unordered list I decided to make it into a brand-new section called “Fun Facts!”…