/* Ultra-wide look (recommended) */
@import url('https://Fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@800;900&display=swap');

/* Chunky, poster style */
@import url('https://Fonts.googleapis.com/css2?family=Bowlby+One&display=swap');

/* Alternatives */
@import url('https://Fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
@import url('https://Fonts.googleapis.com/css2?family=League+Spartan:wght@800;900&display=swap');
@font-face {
  font-family: 'Helvetica';
  src: url('../assets/Fonts/Helvetica-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../assets/Fonts/Helvetica-BoldOblique.ttf') format('truetype');
  font-weight: 700;
  font-style: oblique;
  font-display: swap;
}

@font-face {
  font-family: 'helvetica';
  src: url('../assets/Fonts/helvetica-compressed-5871d14b6903a.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'helvetica';
  src: url('../assets/Fonts/helvetica-light-587ebe5a59211.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../assets/Fonts/Helvetica-Oblique.ttf') format('truetype');
  font-weight: 400;
  font-style: oblique;
  font-display: swap;
}

@font-face {
  font-family: 'helvetica';
  src: url('../assets/Fonts/helvetica-rounded-bold-5871d05ead8de.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'OPTIRailroadGothic';
  src: url('../assets/Fonts/OPTIRailroadGothic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskBlack';
  src: url('../assets/Fonts/rocgrotesk-black.woff2') format('woff2'),
       url('../assets/Fonts/rocgrotesk-black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgrotesk';
  src: url('../assets/Fonts/rocgrotesk-bold.woff2') format('woff2'),
       url('../assets/Fonts/rocgrotesk-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgrotesk';
  src: url('../assets/Fonts/rocgrotesk-extrabold.woff2') format('woff2'),
       url('../assets/Fonts/rocgrotesk-extrabold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgrotesk';
  src: url('../assets/Fonts/rocgrotesk-extralight.woff2') format('woff2'),
       url('../assets/Fonts/rocgrotesk-extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgrotesk-heavy';
  src: url('../assets/Fonts/rocgrotesk-heavy.woff2') format('woff2'),
       url('../assets/Fonts/rocgrotesk-heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgrotesk';
  src: url('../assets/Fonts/rocgrotesk-light.woff2') format('woff2'),
       url('../assets/Fonts/rocgrotesk-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgrotesk';
  src: url('../assets/Fonts/rocgrotesk-medium.woff2') format('woff2'),
       url('../assets/Fonts/rocgrotesk-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgrotesk';
  src: url('../assets/Fonts/rocgrotesk-regular.woff2') format('woff2'),
       url('../assets/Fonts/rocgrotesk-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgrotesk';
  src: url('../assets/Fonts/rocgrotesk-thin.woff2') format('woff2'),
       url('../assets/Fonts/rocgrotesk-thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcomp';
  src: url('../assets/Fonts/rocgroteskcomp-black.woff2') format('woff2'),
       url('../assets/Fonts/rocgroteskcomp-black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcomp-bold';
  src: url('../assets/Fonts/rocgroteskcomp-bold.woff2') format('woff2'),
       url('../assets/Fonts/rocgroteskcomp-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcomp-x';
  src: url('../assets/Fonts/rocgroteskcomp-extrabold.woff2') format('woff2'),
       url('../assets/Fonts/rocgroteskcomp-extrabold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcomp';
  src: url('../assets/Fonts/rocgroteskcomp-extralight.woff2') format('woff2'),
       url('../assets/Fonts/rocgroteskcomp-extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcomp';
  src: url('../assets/Fonts/rocgroteskcomp-heavy.woff2') format('woff2'),
       url('../assets/Fonts/rocgroteskcomp-heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcomp';
  src: url('../assets/Fonts/rocgroteskcomp-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcomp';
  src: url('../assets/Fonts/rocgroteskcomp-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcomp';
  src: url('../assets/Fonts/rocgroteskcomp-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcomp';
  src: url('../assets/Fonts/rocgroteskcomp-thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcond';
  src: url('../assets/Fonts/rocgroteskcond-black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcond';
  src: url('../assets/Fonts/rocgroteskcond-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcond';
  src: url('../assets/Fonts/rocgroteskcond-extrabold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcond';
  src: url('../assets/Fonts/rocgroteskcond-extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcond';
  src: url('../assets/Fonts/rocgroteskcond-heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcond';
  src: url('../assets/Fonts/rocgroteskcond-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcond';
  src: url('../assets/Fonts/rocgroteskcond-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcond';
  src: url('../assets/Fonts/rocgroteskcond-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskcond';
  src: url('../assets/Fonts/rocgroteskcond-thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskextrawide b';
  src: url('../assets/Fonts/rocgroteskextrawide-black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskextrawide';
  src: url('../assets/Fonts/rocgroteskextrawide-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskextrawide';
  src: url('../assets/Fonts/rocgroteskextrawide-extrabold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskextrawide';
  src: url('../assets/Fonts/rocgroteskextrawide-extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskextrawide';
  src: url('../assets/Fonts/rocgroteskextrawide-heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskextrawide';
  src: url('../assets/Fonts/rocgroteskextrawide-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskextrawide';
  src: url('../assets/Fonts/rocgroteskextrawide-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskextrawide';
  src: url('../assets/Fonts/rocgroteskextrawide-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskextrawide';
  src: url('../assets/Fonts/rocgroteskextrawide-thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskwide black';
  src: url('../assets/Fonts/rocgroteskwide-black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskwide';
  src: url('../assets/Fonts/rocgroteskwide-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskwide';
  src: url('../assets/Fonts/rocgroteskwide-extrabold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskwide';
  src: url('../assets/Fonts/rocgroteskwide-extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskwide heavy';
  src: url('../assets/Fonts/rocgroteskwide-heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskwide';
  src: url('../assets/Fonts/rocgroteskwide-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskwide';
  src: url('../assets/Fonts/rocgroteskwide-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskwide';
  src: url('../assets/Fonts/rocgroteskwide-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rocgroteskwide';
  src: url('../assets/Fonts/rocgroteskwide-thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}