@font-face{font-family:Grandstander;font-weight:800;src:url(/fonts/grandstander-latin-800-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:Grandstander;font-weight:700;src:url(/fonts/grandstander-latin-700-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:Delius;font-weight:400;src:url(/fonts/delius-latin-400-normal.woff2) format('woff2');font-display:swap}
:root{--brun:#4a2c1d;--creme:#faf5ee;--rouge:#c0392b;--or:#f4c24a;--ligne:#e3d3bf}
*{box-sizing:border-box}
body{margin:0;background:var(--creme);color:var(--brun);font:400 18px/1.55 Delius,system-ui,sans-serif}
h1,h2{font-family:Grandstander,Georgia,serif;font-weight:800;line-height:1.1;margin:0}
.w{max-width:720px;margin:auto;padding:20px 18px 60px}
.logo{display:inline-block;border:3px solid var(--rouge);color:var(--rouge);border-radius:12px;padding:2px 14px;font:800 26px Grandstander,serif;text-decoration:none}
.btn{display:block;width:100%;background:var(--or);color:var(--brun);border:3px solid var(--brun);border-radius:16px;padding:16px;font:800 20px Grandstander,serif;cursor:pointer}
.btn:disabled{opacity:.5}.btn.o{background:#fff}
:focus-visible{outline:3px solid var(--rouge);outline-offset:2px}
a{color:var(--rouge)}.logo{color:var(--rouge)}
