@font-face {
    font-family: Jost-Light;
    src: url(../cs/fonts/Jost-Light.ttf);
}

@font-face {
    font-family: Jost-Book;
    src: url(../cs/fonts/Jost-Book.ttf);
}

@font-face {
    font-family: Jost-Medium;
    src: url(../cs/fonts/Jost-Medium.ttf);
}
@font-face {
    font-family: Jost-Semi;
    src: url(../cs/fonts/Jost-Semi.ttf);
}

:root {
    --mdc-theme-primary: #0071a8;

    /** Typography **/
    --mdc-typography-font-family: Jost-Book;

    /* Body1 */
    --mdc-typography-body2-font-size: 14px;

    /* Body2 */
    --mdc-typography-body1-font-size: 14px;
    --mdc-typography-body1-font-family: Jost-Medium;

    /* Subtitle2 */
    --mdc-typography-subtitle2-font-size: 15px;
    --mdc-typography-subtitle2-font-family: Jost-Semi;

    /* Button */
    --mdc-typography-button-font-size: 14px;

    /* Headline6 */
    --mdc-typography-headline6-font-size: 21px;
    --mdc-typography-headline6-font-family: Jost-Light;

    /* Headline5 */
    --mdc-typography-headline5-font-size: 23px;

    /* Headline4 */
    --mdc-typography-headline4-font-size: 25px;
    --mdc-typography-headline4-font-family: Jost-Medium;

    /* Headline3 */
    --mdc-typography-headline3-font-size: 27px;
    --mdc-typography-headline3-font-family: Jost-Medium;

    /* Headline2 */
    --mdc-typography-headline2-font-size: 30px;
    --mdc-typography-headline2-font-family: Jost-Semi;
}