@import url('https://rsms.me/inter/inter.css');

@font-face {
    font-family: 'Product Sans';
    src: url('../../assets/fonts/ProductSans-Regular.woff2') format('woff2'),
        url('../../assets/fonts/ProductSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Product Sans';
    src: url('../../assets/fonts/') format('woff2'),
        url('../../assets/fonts/ProductSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../../assets/fonts/BebasNeue.woff2') format('woff2'),
        url('../../assets/fonts/BebasNeue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona Sans';
    src:
      url('../../assets/fonts/Mona-Sans.woff2') format('woff2 supports variations'),
      url('../../assets/fonts/Mona-Sans.woff2') format('woff2-variations');
    font-weight: 100 200 300 400 500 600 700 800 900;
    font-stretch: 75% 125%;
  }

  @font-face {
    font-family: 'Jumper PERSONAL USE ONLY';
    src: url('../../assets/fonts/JumperPERSONALUSEONLY-RegularItalic.woff2') format('woff2'),
        url('../../assets/fonts/JumperPERSONALUSEONLY-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jumper PERSONAL USE ONLY';
    src: url('../../assets/fonts/JumperPERSONALUSEONLY-Black.woff2') format('woff2'),
        url('../../assets/fonts/JumperPERSONALUSEONLY-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jumper PERSONAL USE ONLY';
    src: url('../../assets/fonts/JumperPERSONALUSEONLY-Bold.woff2') format('woff2'),
        url('../../assets/fonts/JumperPERSONALUSEONLY-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jumper PERSONAL USE ONLY';
    src: url('../../assets/fonts/JumperPERSONALUSEONLY-Light.woff2') format('woff2'),
        url('../../assets/fonts/JumperPERSONALUSEONLY-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jumper PERSONAL USE ONLY Ex-Bd';
    src: url('../../assets/fonts/JumperPERSONALUSEONLY-Extra-BoldItalic.woff2') format('woff2'),
        url('../../assets/fonts/JumperPERSONALUSEONLY-Extra-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jumper PERSONAL USE ONLY';
    src: url('../../assets/fonts/JumperPERSONALUSEONLY-LightItalic.woff2') format('woff2'),
        url('../../assets/fonts/JumperPERSONALUSEONLY-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jumper PERSONAL USE ONLY';
    src: url('../../assets/fonts/JumperPERSONALUSEONLY-Regular.woff2') format('woff2'),
        url('../../assets/fonts/JumperPERSONALUSEONLY-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jumper PERSONAL USE ONLY Ex-Bd';
    src: url('../../assets/fonts/JumperPERSONALUSEONLY-Extra-Bold.woff2') format('woff2'),
        url('../../assets/fonts/JumperPERSONALUSEONLY-Extra-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jumper PERSONAL USE ONLY';
    src: url('../../assets/fonts/JumperPERSONALUSEONLY-BoldItalic.woff2') format('woff2'),
        url('../../assets/fonts/JumperPERSONALUSEONLY-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jumper PERSONAL USE ONLY';
    src: url('../../assets/fonts/JumperPERSONALUSEONLY-ThinItalic.woff2') format('woff2'),
        url('../../assets/fonts/JumperPERSONALUSEONLY-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jumper PERSONAL USE ONLY';
    src: url('../../assets/fonts/JumperPERSONALUSEONLY-Thin.woff2') format('woff2'),
        url('../../assets/fonts/JumperPERSONALUSEONLY-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jumper PERSONAL USE ONLY';
    src: url('../../assets/fonts/JumperPERSONALUSEONLY-RegularItalic.woff2') format('woff2'),
        url('../../assets/fonts/JumperPERSONALUSEONLY-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}







.font-bebas {
    font-family: 'Bebas Neue';
}

.font-product-sans {
    font-family: 'Product Sans';
}

.font-helvetica {
    font-family: 'Helvetica', 'Arial', sans-serif;
}

.font-inter {
    font-family: 'Inter';
}

.font-mona-sans {
    font-family: 'Mona Sans';
}

.font-jumper {
    font-family: 'Jumper PERSONAL USE ONLY';
}