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

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

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

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