@font-face{font-family:"Anton";src:url("../fonts/anton-latin-400-normal.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-800-normal.woff2") format("woff2");font-weight:800;font-display:swap}
:root{color-scheme:dark}
body{margin:0;background:#0a0d08;color:#f5f5f0;font:400 16px/1.7 "Manrope",system-ui,sans-serif}
main{max-width:760px;margin:0 auto;padding:3rem max(16px,env(safe-area-inset-right,0px)) 4rem max(16px,env(safe-area-inset-left,0px))}
h1{font:400 clamp(2.4rem,8vw,3.6rem)/1 "Anton",Impact,sans-serif;text-transform:uppercase;margin:1.5rem 0 2rem}
h2{font:800 1.1rem/1.3 "Manrope",sans-serif;margin:2rem 0 .5rem;color:#9ede3e}
a{color:#9ede3e}.back{font-weight:800;text-decoration:none}
.todo{background:rgba(255,181,71,.14);color:#ffb547;padding:0 .3em;border-radius:4px}
p,li{color:#c9d0bf}