@font-face {
    font-family: "Muli-ExtraLight";
    src: url(../fonts/Muli-ExtraLight.ttf) format("opentype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Muli-ExtraLightItalic";
    src: url(../fonts/Muli-ExtraLightItalic.ttf) format("opentype");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Muli-Light";
    src: url(../fonts/Muli-Light.ttf) format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Muli-LightItalic";
    src: url(../fonts/Muli-LightItalic.ttf) format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Muli-Regular";
    src: url(../fonts/Muli.ttf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Muli-RegularItalic";
    src: url(../fonts/Muli-Italic.ttf) format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Muli-SemiBold";
    src: url(../fonts/Muli-SemiBold.ttf) format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Muli-SemiBoldItalic";
    src: url(../fonts/Muli-Semi-BoldItalic.ttf) format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Muli-Bold";
    src: url(../fonts/Muli-Bold.ttf) format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Muli-BoldItalic";
    src: url(../fonts/Muli-BoldItalic.ttf) format("opentype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}