@font-face {
    font-family: 'Muli-Regular';
    font-weight: normal;
    font-style: normal;
    src: url('Muli-Regular.ttf') format('truetype');
}

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

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

@font-face {
    font-family: 'Muli-ExtraBold';
    font-weight: normal;
    font-style: normal;
    src: url('Muli-ExtraBold.ttf') format('truetype');
}

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

@font-face {
    font-family: 'Muli-Black';
    font-weight: normal;
    font-style: normal;
    src: url('Muli-Black.ttf') format('truetype');
}