/* fonts */
@font-face {
    font-family: 'slTitle';
    src: url('../fonts/lucida_sans.woff2') format('woff2'), url('../fonts/lucida_sans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'slContent';
    src: url('../fonts/helvetica_now_display.woff2') format('woff2'), url('../fonts/helvetica_now_display.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'slNumericLight';
    src: url('../fonts/opensanscondensed-light-webfont.woff2') format('woff2'), url('../fonts/opensanscondensed-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'slNumeric';
    src: url('../fonts/opensanscondensed-bold-webfont.woff2') format('woff2'), url('../fonts/opensanscondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'slCardValue';
    src: url('../fonts/card-characters.woff2') format('woff2'), url('../fonts/card-characters.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.numeric {
    font-family: slNumeric;
}

.numericlight {
    font-family: slNumeric;
}

.datentime {
    font-family: slNumeric;
}

.datentimelight {
    font-family: slNumeric;
}