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

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

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

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

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

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