@font-face {
    font-family: 'JarvisPlex';
    font-display: swap;
    src: url('../fonts/JarvisPlex-Light.woff2') format('woff2'), url('../fonts/JarvisPlex-Light.woff') format('woff');
    font-weight: 200
}
  
@font-face {
    font-family: 'JarvisPlex';
    font-display: swap;
    src: url('../fonts/JarvisPlex-Light.woff2') format('woff2'), url('../fonts/JarvisPlex-Light.woff') format('woff');
    font-weight: 300
}
  
@font-face {
    font-family: 'JarvisPlex';
    font-display: swap;
    src: url('../fonts/JarvisPlex-Regular.woff2') format('woff2'), url('../fonts/JarvisPlex-Regular.woff') format('woff');
    font-weight: 400
}
  
@font-face {
    font-family: 'JarvisPlex';
    font-display: swap;
    src: url('../fonts/JarvisPlex-Medium.woff2') format('woff2'), url('../fonts/JarvisPlex-Medium.woff') format('woff');
    font-weight: 500
}
  
@font-face {
    font-family: 'JarvisPlex';
    font-display: swap;
    src: url('../fonts/JarvisPlex-SemiBold.woff2') format('woff2'), url('../fonts/JarvisPlex-SemiBold.woff') format('woff');
    font-weight: 600
}
  
@font-face {
    font-family: 'JarvisPlex';
    font-display: swap;
    src: url('../fonts/JarvisPlex-SemiBold.woff2') format('woff2'), url('../fonts/JarvisPlex-SemiBold.woff') format('woff');
    font-weight: 700
}
  
@font-face {
    font-family: 'JarvisPlex';
    font-display: swap;
    src: url('../fonts/JarvisPlex-SemiBold.woff2') format('woff2'), url('../fonts/JarvisPlex-SemiBold.woff') format('woff');
    font-weight: 800
}

html, body, html body {
    font-family: JarvisPlex, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}