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

@font-face {
    font-family: 'ibm_plex_sansmedium';
    src: url('../fonts/ibmplexsans-medium-webfont.woff2') format('woff2'),
    url('ibmplexsans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ibm_plex_sansregular';
    src: url('../fonts/ibmplexsans-regular-webfont.woff2') format('woff2'),
    url('ibmplexsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ibm_plex_sanssemibold';
    src: url('../fonts/ibmplexsans-semibold-webfont.woff2') format('woff2'),
    url('ibmplexsans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'staatlichesregular';
    src: url('../fonts/staatliches-regular-webfont.woff2') format('woff2'),
    url('staatliches-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
    url('roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
    url('roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}