@font-face {
  font-family:Anton;
  src:url('../../assets/fonts/Anton-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:'Barlow Condensed';
  src:url('../../assets/fonts/BarlowCondensed-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:'Barlow Condensed';
  src:url('../../assets/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');
  font-weight:600 700;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:'Barlow Condensed';
  src:url('../../assets/fonts/BarlowCondensed-Black.ttf') format('truetype');
  font-weight:900;
  font-style:normal;
  font-display:swap
}

:root {
  color-scheme:dark;
  --ink:#001b2e;
  --ink-deep:#001525;
  --ink-light:#032b43;
  --yellow:#ffdc00;
  --paper:#f5f1e7;
  --white:#fffdf6;
  --muted:#afbfca;
  --line:rgba(245,241,231,.64);
  --display:Anton,Impact,'Arial Narrow',sans-serif;
  --body:'Barlow Condensed','Arial Narrow',sans-serif;
  --radius:6px;
  --grain:url('../../assets/textures/grain.svg');
  --nav-height:70px;
  --page-padding:14px;
  --z-nav:10;
  --ease:cubic-bezier(.22,.61,.36,1);
}