@font-face {
    font-family: 'Rubik-Black';
    src: url(fonts/Rubik-Black.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik-BlackItalic';
    src: url(fonts/Rubik-BlackItalic.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Rubik-BoldItalic';
    src: url(fonts/Rubik-BoldItalic.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Rubik-ExtraBoldItalic';
    src: url(fonts/Rubik-ExtraBoldItalic.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik-Italic';
    src: url(fonts/Rubik-Italic.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Rubik-LightItalic';
    src: url(fonts/Rubik-LightItalic.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Rubik-MediumItalic';
    src: url(fonts/Rubik-MediumItalic.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Rubik-SemiBold';
    src: url(fonts/Rubik-SemiBold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik-SemiBoldItalic';
    src: url(fonts/Rubik-SemiBoldItalic.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}