@font-face{
  font-family:'Anybody';
  src:url('/assets/fonts/anybody-variable.ttf') format('truetype');
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}
@font-face{
  font-family:'Instrument Sans';
  src:url('/assets/fonts/instrument-sans-variable.ttf') format('truetype');
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
}

:root{
  --cp-black:#0b0b0b;
  --cp-white:#fff;
  --cp-ground:#f1f1ed;
  --cp-concrete:#d7d7d2;
  --cp-muted:#4f4f4a;
  --cp-border:#b8b8b1;
  --cp-lime:#c7ff2e;
  --cp-cobalt:#1745d1;
  --cp-font-body:'Instrument Sans','Helvetica Neue',Arial,sans-serif;
  --cp-font-display:'Anybody','Arial Black','Helvetica Neue',sans-serif;
  --cp-page-pad:clamp(18px,3.4vw,68px);
  --cp-focus:0 0 0 3px var(--cp-white),0 0 0 6px var(--cp-cobalt);
}