@font-face { font-family: 'Barlow Condensed'; font-weight: 700; font-display: swap; src: url(fonts/barlow-condensed-latin-700-normal.woff2) format('woff2'); }
@font-face { font-family: 'Barlow'; font-weight: 400; font-display: swap; src: url(fonts/barlow-latin-400-normal.woff2) format('woff2'); }
:root { color-scheme: dark; }
body { margin: 0; background: #0B0E12; color: #E9EDF1; font-family: 'Barlow', 'Segoe UI', sans-serif; font-size: 17px; line-height: 1.6; }
main { max-width: 720px; margin: 0 auto; padding: 40px 20px 60px; }
h1 { font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif; font-weight: 700; font-size: 44px; text-transform: uppercase; margin: 24px 0 16px; }
h2 { font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif; font-weight: 700; font-size: 22px; text-transform: uppercase; letter-spacing: .06em; color: #F2C230; margin: 28px 0 6px; }
p { color: #C5CED8; margin: 0 0 12px; }
a { color: #F2C230; }
.back { font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif; text-transform: uppercase; letter-spacing: .08em; text-decoration: none; }
.todo { color: #FF9F43; }