/* Fira Sans */
@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-Black.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-BlackItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 900;
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-ExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 800;
}


@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-ExtraBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 800;
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}


@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-BoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: bold;
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
}


@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-SemiBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 600;
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
}


@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-MediumItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 500;
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-Italic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}


@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-LightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-ExtraLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 200;
}


@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-ExtraLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 200;
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-Thin.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
}


@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-ThinItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 100;
}

/* IBMPlex */

@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}


@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-BoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
}


@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-SemiBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 600;
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
}


@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-MediumItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 500;
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}


@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-Italic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}


@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-LightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-ExtraLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 200;
}


@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-ExtraLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 200;
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-Thin.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
}


@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-ThinItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 100;
}