@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/grotesk-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/grotesk-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/grotesk-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/grotesk-3.ttf) format('truetype');
}

@font-face{font-family:Silkscreen;font-weight:400;font-display:swap;src:url(fonts/pixel-400.ttf) format('truetype')}

@font-face{font-family:Silkscreen;font-weight:700;font-display:swap;src:url(fonts/pixel-700.ttf) format('truetype')}