*,*::before,*::after{box-sizing:border-box}
:root{color-scheme:dark}
body{margin:0;background:#0b1430;color:#f2f5ff;font:17px/1.55 "Barlow Semi Condensed",system-ui,sans-serif;padding:24px 16px 48px}
main{max-width:760px;margin:0 auto}
h1{font:600 2.4rem/1 Teko,sans-serif;margin:0 0 18px;letter-spacing:.02em}
h2{font:600 1.5rem/1.1 Teko,sans-serif;margin:28px 0 6px;letter-spacing:.03em;color:#ffcf2e}
a{color:#ffcf2e}
.todo{background:#5a1f2a;color:#fff;padding:1px 6px;border-radius:4px}
.note{border:1px solid #3c55c4;border-radius:8px;padding:10px 14px;color:#a9b6e6}