:root{--black:#281e2c;--white:#fff;--light:#f8f6f1;--orange:#dc633e;--blue:#6696ce;--yellow:#f29e35;--font-display:"Barlow Condensed", sans-serif;--font-body:"Barlow", sans-serif;--shadow:4px 4px 0 var(--black);--muted:#6b6270;--grid:#ebe7e0;--good:#2f7d4f;--bad:#c23b22}*{box-sizing:border-box}body{background:var(--light);color:var(--black);font-family:var(--font-body);margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;margin:0}.btn,h1,h2,h3{text-transform:uppercase;font-weight:700}.btn{background:var(--orange);color:var(--white);border:2px solid var(--black);box-shadow:var(--shadow);font-family:var(--font-body);cursor:pointer;padding:12px 20px;text-decoration:none;display:inline-block}.btn:active{box-shadow:2px 2px 0 var(--black);transform:translate(2px,2px)}.btn-dark{background:var(--black)}.card{background:var(--white);border:2px solid var(--black);box-shadow:var(--shadow);padding:24px}