@font-face {
  font-family: 'Switzer';
  src: url('./assets/fonts/switzer-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer';
  src: url('./assets/fonts/switzer-500-normal.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer';
  src: url('./assets/fonts/switzer-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta';
  src: url('./assets/fonts/gambetta-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta';
  src: url('./assets/fonts/gambetta-400-italic.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('./assets/fonts/cabinet-grotesk-500-normal.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('./assets/fonts/cabinet-grotesk-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('./assets/fonts/cabinet-grotesk-800-normal.woff2') format('woff2');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Erode';
  src: url('./assets/fonts/erode-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Erode';
  src: url('./assets/fonts/erode-500-normal.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}