* { box-sizing: border-box; } body { margin: 0; background: #fbf9f4; color: #203c47; font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } a { color: #186651; text-underline-offset: .2em; } a:hover { color: #124b3c; } a:focus-visible { outline: 3px solid #c8781f; outline-offset: 5px; } .masthead { max-width: 1080px; margin: auto; padding: 28px 32px; display:flex; align-items:baseline; justify-content:space-between; gap:20px; border-bottom:1px solid #d8dfd7; } .wordmark { color:#203c47; font-size:25px; font-weight:750; text-decoration:none; letter-spacing:-.7px; } .tagline { color:#62716d; font-size:14px; } .page { max-width: 860px; margin: 0 auto; padding: 36px 32px 24px; min-height: 65vh; } .crumb { display:flex; gap:12px; flex-wrap:wrap; font-size:14px; margin-bottom:26px; } .title { font-size:clamp(34px,6vw,52px); line-height:1.12; letter-spacing:-1.4px; margin:0 0 24px; } .intro { font-size:21px; line-height:1.55; margin:0 0 34px; max-width:700px; } .updated { font-size:14px; color:#63716c; margin:16px 0; } .section { margin:34px 0; } .section h2 { font-size:23px; line-height:1.3; margin:0 0 12px; letter-spacing:-.3px; } .section p { margin:12px 0; } .footerLinks { display:flex; flex-wrap:wrap; gap:24px; padding-top:24px; margin-top:44px; border-top:1px solid #d8dfd7; font-size:15px; } .company { max-width:1080px; margin:20px auto 0; padding:24px 32px 36px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; font-size:13px; color:#64716d; } .feature { display:flex; gap:28px; align-items:flex-start; background:#edf2e8; padding:30px; margin:34px 0 42px; } .feature img { border-radius:24px; flex:0 0 auto; } .feature h2 { font-size:28px; margin:0 0 8px; line-height:1.2; } .feature p { margin:10px 0; } .gameLink { display:inline-block; margin-top:8px; font-weight:650; } @media(max-width:540px) { .masthead { padding:22px; flex-direction:column; gap:4px; } .page { padding:28px 22px 22px; } .feature { padding:24px; flex-direction:column; gap:20px; } .company { padding:20px 22px 30px; } .title { letter-spacing:-.8px; } }