@font-face {
    font-family: Catamaran;
    src: url('../fonts/Catamaran/static/Catamaran-Regular.ttf');
    font-weight: normal;
}

@font-face {
    font-family: Catamaran;
    src: url('../fonts/Catamaran/static/Catamaran-SemiBold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: Catamaran;
    src: url('../fonts/Catamaran/static/Catamaran-Medium.ttf');
    font-weight: 500;
}

@font-face {
    font-family: Catamaran;
    src: url('../fonts/Catamaran/static/Catamaran-ExtraLight.ttf');
    font-weight: 200;
}

@font-face {
    font-family: Inconsolata;
    src: url('../fonts/Inconsolata/static/Inconsolata/Inconsolata-Medium.ttf');
    font-weight: normal;
}

@font-face {
    font-family: Inconsolata;
    src: url('../fonts/Inconsolata/static/Inconsolata/Inconsolata-ExtraBold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: Inconsolata;
    src: url('../fonts/Inconsolata/static/Inconsolata/Inconsolata-Light.ttf');
    font-weight: 200;
}

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto/Roboto-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto/Roboto-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto/Roboto-Thin.ttf');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto/Roboto-ThinItalic.ttf');
    font-weight: 200;
    font-style: italic;
}

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

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

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto/Roboto-Black.ttf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto/Roboto-BlackItalic.ttf');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto/Roboto-Medium.ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto/Roboto-MediumItalic.ttf');
    font-weight: 500;
    font-style: italic;
}