@font-face {
    font-family: 'IBMPlexSans';
    font-weight: 100;
    font-style: normal;
    src: url(./IBMPlexSans-Thin.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-weight: 200;
    font-style: normal;
    src: url(./IBMPlexSans-ExtraLight.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-weight: 300;
    font-style: normal;
    src: url(./IBMPlexSans-Light.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-weight: 400;
    font-style: normal;
    src: url(./IBMPlexSans-Regular.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-weight: 500;
    font-style: normal;
    src: url(./IBMPlexSans-Medium.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-weight: 600;
    font-style: normal;
    src: url(./IBMPlexSans-SemiBold.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-weight: 700;
    font-style: normal;
    src: url(./IBMPlexSans-Bold.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-weight: 100;
    font-style: italic;
    src: url(./IBMPlexSans-ThinItalic.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-weight: 200;
    font-style: italic;
    src: url(./IBMPlexSans-ExtraLightItalic.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-weight: 300;
    font-style: italic;
    src: url(./IBMPlexSans-LightItalic.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-weight: 400;
    font-style: italic;
    src: url(./IBMPlexSans-Italic.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-weight: 500;
    font-style: italic;
    src: url(./IBMPlexSans-MediumItalic.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-weight: 600;
    font-style: italic;
    src: url(./IBMPlexSans-SemiBoldItalic.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-weight: 700;
    font-style: italic;
    src: url(./IBMPlexSans-BoldItalic.ttf);
}

body {
    font-family: "IBMPlexSans",
        /* Cross-platform generic font family (default user interface font)*/ system-ui,
        /* Safari for macOS and iOS (San Francisco)*/ -apple-system,
        /* Windows*/ "Segoe UI",
        /* Android*/ Roboto,
        /* Basic web fallback*/ "Helvetica Neue", Arial,
        /* Linux*/ "Noto Sans",
    "Liberation Sans",
        /* Sans serif fallback*/ sans-serif,
        /* Emoji fonts*/ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}