@font-face {
    font-family: 'Cosmetic';
    src: url('CosmeticBold.woff2') format('woff2'),
        url('CosmeticBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cosmetic';
    src: url('CosmeticThin.woff2') format('woff2'),
        url('CosmeticThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cosmetic';
    src: url('CosmeticBlack.woff2') format('woff2'),
        url('CosmeticBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cosmetic';
    src: url('CosmeticLight.woff2') format('woff2'),
        url('CosmeticLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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