:root { color-scheme: light dark; } * { box-sizing: border-box; } body { margin: 0 auto; padding: 2.5rem 1.25rem 4rem; max-width: 46rem; font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #16233a; background: #f7f9fc; } @media (prefers-color-scheme: dark) { body { color: #e6ecf5; background: #10151f; } } header { border-bottom: 3px solid #2f6fd0; padding-bottom: 1rem; margin-bottom: 2rem; } h1 { margin: 0 0 .35rem; font-size: 1.9rem; letter-spacing: -.01em; } h2 { margin: 2.2rem 0 .6rem; font-size: 1.15rem; } .sub { margin: 0; opacity: .7; font-size: .9rem; } ul { padding-left: 1.2rem; } li { margin: .3rem 0; } a { color: #2f6fd0; } code { background: rgba(127,127,127,.16); padding: .1em .35em; border-radius: 4px; font-size: .9em; } footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid rgba(127,127,127,.3); font-size: .85rem; opacity: .75; }