@font-face{font-family:"Grace";src:url("./covered.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Pixel";src:url("./pixel.woff2") format("woff2");font-display:swap}
:root{--navy:#0b1f3a;--blue:#123c6b;--grid:rgba(130,180,240,.13);--amber:#ffc928;--amber-d:#d99a00;--paper:#fff6dc;--ink:#16213a;--sky:#9fd0ff;--copper:#c8693b}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--navy);color:var(--paper);font:18px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px}
a{color:var(--sky)}
a:focus-visible,button:focus-visible{outline:4px solid var(--amber);outline-offset:3px}
.wrap{width:min(1080px,100% - 32px);margin-inline:auto}
h1,h2,h3{font-family:"Grace","Comic Sans MS","Marker Felt",cursive;font-weight:400;line-height:1.05;margin:0}
.btn{display:inline-block;background:var(--amber);color:var(--ink);font-family:"Grace","Comic Sans MS",cursive;font-size:2rem;text-decoration:none;padding:.35em 1.4em .4em;border-radius:14px;box-shadow:0 7px 0 var(--amber-d);transition:transform .08s,box-shadow .08s}
.btn:hover{transform:translateY(2px);box-shadow:0 5px 0 var(--amber-d)}
.btn:active{transform:translateY(7px);box-shadow:0 0 0 var(--amber-d)}
.foot{padding:48px 0 56px;color:#9db4d3;font-size:16px}
.foot p{margin:0;max-width:60ch}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}