@font-face {
    font-family: 'Clearface FS Medium';
    src: url('./fonts/clearface_medium/Clearface-Medium-webfont.woff2') format('woff2'),
    url('./fonts/clearface_medium/Clearface-Medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clearface FS Medium';
    src: url('./fonts/clearface_medium_italic/Clearface-MediumItalic-webfont.woff2') format('woff2'),
    url('./fonts/clearface_medium_italic/Clearface-MediumItalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Centra No. 1';
    src: url('./fonts/centra/CentraNo.1-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Centra No. 1';
    src: url('./fonts/centra/CentraNo.1-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.clearface {
    font-family: 'Clearface FS Medium', serif;
    font-weight: 500 !important;
    font-style: normal;
    letter-spacing: 0.5px;
}

.clearface-italic {
    font-family: 'Clearface FS Medium', serif;
    font-weight: 500 !important;
    font-style: italic;
    letter-spacing: 0.5px;
}

.centra {
    font-family: 'Centra No. 1', sans-serif;
    font-weight: 500 !important;
    font-style: normal;
}

.centra-bold {
    font-family: 'Centra No. 1', sans-serif;
    font-weight: 700 !important;
    font-style: normal;
}