@font-face {
  font-family: 'Permanent Marker';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(marker-0.ttf) format('truetype');
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(barlow-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(barlow-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(barlow-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(barlow-3.ttf) format('truetype');
}

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

@font-face{font-family:'Caveat Brush';src:url('CaveatBrush-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}

@font-face{font-family:'Road Rage';src:url('RoadRage-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}

@font-face{font-family:'Protest Riot';src:url('ProtestRiot-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}