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

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

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

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

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

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