@font-face {
    font-family: 'Singel';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(singel-bold.otf) format("opentype");
}

@font-face {
    font-family: 'Singel';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(singel-bolditalic.otf) format("opentype");
}

@font-face {
    font-family: 'Singel';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(singel-book.otf) format("opentype");
}

@font-face {
    font-family: 'Singel';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(singel-bookitalic.otf) format("opentype");
}

@font-face {
    font-family: 'Singel';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(singel-light.otf) format("opentype");
}

@font-face {
    font-family: 'Singel';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(singel-lightitalic.otf) format("opentype");
}

@font-face {
    font-family: 'Singel';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url(singel-regular.otf) format("opentype");
}

@font-face {
    font-family: 'Singel';
    font-style: italic;
    font-weight: normal;
    font-display: swap;
    src: url(singel-regularitalic.otf) format("opentype");
}

@font-face {
    font-family: 'Singel';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(singel-semibold.otf) format("opentype");
}

@font-face {
    font-family: 'Singel';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(singel-semibolditalic.otf) format("opentype");
}

.singel {
    font-family: 'Singel', 'serif';
}