@font-face{font-family:Oswald;src:url(oswald-400.ttf)}
@font-face{font-family:Bebas;src:url(bebas.ttf)}
:root{--perg:#E8DCC4;--ouro:#C9A45C;--esc:#8E2B22;--fundo:#16120E}
*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--perg);font:18px/1.6 Georgia,"Times New Roman",serif}
.topo{background:linear-gradient(rgba(22,18,14,.55),rgba(22,18,14,.85)),url(fundo.jpg) center 45%/cover;padding:64px 20px;text-align:center;border-bottom:3px solid var(--esc)}
.marca{max-width:min(720px,90vw);height:auto}
.marca.pequena{max-width:min(380px,70vw)}
.conteudo{max-width:760px;margin:0 auto;padding:40px 22px 60px}
h1,h2{font-family:Bebas,Oswald,sans-serif;letter-spacing:.04em;color:var(--ouro);font-weight:400}
h1{font-size:52px;margin:0 0 4px}
h2{font-size:30px;margin:36px 0 8px}
.lead{font-size:21px}
.data{color:#bfae8e;font-family:Oswald,sans-serif;font-size:15px}
a{color:var(--ouro)}
code{font-size:15px;color:#e9c98a}
.botao{display:inline-block;background:var(--esc);color:var(--perg);text-decoration:none;font-family:Oswald,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:12px 22px;border-radius:4px}
.rodape{border-top:1px solid #3a2f24;color:#a8987b;font:14px/1.5 Oswald,sans-serif;text-align:center;padding:22px}