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

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

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

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

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

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

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

@font-face {
   font-family: "Muli";
   src: url("../fonts/Muli-Semi-BoldItalic.ttf") format("truetype");
   font-weight: 600;
   font-style: italic;
}

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

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