@font-face {
    font-family: "Karla";
    src: url("./fonts/Karla-Regular.eot"); /* IE9 Compat Modes */
    src: url("./fonts/Karla-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/Karla-Regular.otf") format("opentype"), /* Open Type Font */
    url("./fonts/Karla-Regular.svg") format("svg"), /* Legacy iOS */
    url("./fonts/Karla-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/Karla-Regular.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Karla-Regular.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Karla";
    src: url("./fonts/Karla-BoldItalic.eot"); /* IE9 Compat Modes */
    src: url("./fonts/Karla-BoldItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/Karla-BoldItalic.otf") format("opentype"), /* Open Type Font */
    url("./fonts/Karla-BoldItalic.svg") format("svg"), /* Legacy iOS */
    url("./fonts/Karla-BoldItalic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/Karla-BoldItalic.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Karla-BoldItalic.woff2") format("woff2"); /* Modern Browsers */
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: "Karla";
    src: url("./fonts/Karla-Italic.eot"); /* IE9 Compat Modes */
    src: url("./fonts/Karla-Italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/Karla-Italic.otf") format("opentype"), /* Open Type Font */
    url("./fonts/Karla-Italic.svg") format("svg"), /* Legacy iOS */
    url("./fonts/Karla-Italic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/Karla-Italic.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Karla-Italic.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "Karla";
    src: url("./fonts/Karla-Bold.eot"); /* IE9 Compat Modes */
    src: url("./fonts/Karla-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/Karla-Bold.otf") format("opentype"), /* Open Type Font */
    url("./fonts/Karla-Bold.svg") format("svg"), /* Legacy iOS */
    url("./fonts/Karla-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/Karla-Bold.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Karla-Bold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: 600;
    font-style: normal;
}
body {
    font-family: 'Karla', sans-serif !important;
}