@font-face{
    font-family: 'Jost';
    src: url('/theme/fonts/Jost-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Jost';
    src: url('/theme/fonts/Jost-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

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

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

@font-face{
    font-family: 'Jost';
    src: url('/theme/fonts/Jost-Bold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face{
    font-family: 'Jost';
    src: url('/theme/fonts/Jost-BoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face{
    font-family: 'Oleo Script';
    src: url('/theme/fonts/OleoScript-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Oleo Script';
    src: url('/theme/fonts/OleoScript-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face{
    font-family: 'Oleo Script Swash Caps';
    src: url('/theme/fonts/OleoScriptSwashCaps-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Oleo Script Swash Caps';
    src: url('/theme/fonts/OleoScriptSwashCaps-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}