@font-face {
    font-family: 'Oxanium Bold';
    src: url('fonts/oxanium/Oxanium-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oxanium ExtraBold';
    src: url('fonts/oxanium/Oxanium-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oxanium ExtraLight';
    src: url('fonts/oxanium/Oxanium-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oxanium Light';
    src: url('fonts/oxanium/Oxanium-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oxanium Medium';
    src: url('fonts/oxanium/Oxanium-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oxanium Regular';
    src: url('fonts/oxanium/Oxanium-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oxanium SemiBold';
    src: url('fonts/oxanium/Oxanium-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
:root {
    --font-regular: 'Oxanium Regular', sans-serif;
    --font-bold: 'Oxanium Bold', sans-serif;
    --font-extra-bold: 'Oxanium ExtraBold', sans-serif;
    --font-extra-light: 'Oxanium ExtraLight', sans-serif;
    --font-light: 'Oxanium Light', sans-serif;
    --font-medium: 'Oxanium Medium', sans-serif;
    --font-semi-bold: 'Oxanium SemiBold', sans-serif;
}