@font-face {
    font-family: "Rubik";
    src:
        url("../fonts/Rubik-Regular.woff2") format("woff2"),
        url("../fonts/Rubik-Regular.woff") format("woff"),
        url("../fonts/Rubik-Regular.ttf") format("truetype"),
        url("../fonts/Rubik-Regular.svg#Rubik Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Rubik";
    src:
        url("../fonts/Rubik-Italic.woff2") format("woff2"),
        url("../fonts/Rubik-Italic.woff") format("woff"),
        url("../fonts/Rubik-Italic.ttf") format("truetype"),
        url("../fonts/Rubik-Italic.svg#Rubik Italic") format("svg");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Rubik";
    src:
        url("../fonts/Rubik-Bold.woff2") format("woff2"),
        url("../fonts/Rubik-Bold.woff") format("woff"),
        url("../fonts/Rubik-Bold.ttf") format("truetype"),
        url("../fonts/Rubik-Bold.svg#Rubik Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Rubik";
    src:
        url("../fonts/Rubik-Bold-Italic.woff2") format("woff2"),
        url("../fonts/Rubik-Bold-Italic.woff") format("woff"),
        url("../fonts/Rubik-Bold-Italic.ttf") format("truetype"),
        url("../fonts/Rubik-Bold-Italic.svg#Rubik Bold Italic") format("svg");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Rubik Light";
    src:
        url("../fonts/Rubik-Light.woff2") format("woff2"),
        url("../fonts/Rubik-Light.woff") format("woff"),
        url("../fonts/Rubik-Light.ttf") format("truetype"),
        url("../fonts/Rubik-Light.svg#rubiklight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Rubik Light";
    src:
        url("../fonts/Rubik-Light-Italic.woff2") format("woff2"),
        url("../fonts/Rubik-Light-Italic.woff") format("woff"),
        url("../fonts/Rubik-Light-Italic.ttf") format("truetype"),
        url("../fonts/Rubik-Light-Italic.svg#Rubik Light Italic") format("svg");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Rubik Black";
    src:
        url("../fonts/Rubik-Black.woff2") format("woff2"),
        url("../fonts/Rubik-Black.woff") format("woff"),
        url("../fonts/Rubik-Black.ttf") format("truetype"),
        url("../fonts/Rubik-Black.svg#Rubik Black") format("svg");
    font-weight: 900;
    font-stretch: normal;
    unicode-range: U+0020-2084;
}

@font-face {
    font-family: "Rubik Black";
    src:
        url("../fonts/Rubik-Black-Italic.woff2") format("woff2"),
        url("../fonts/Rubik-Black-Italic.woff") format("woff"),
        url("../fonts/Rubik-Black-Italic.ttf") format("truetype"),
        url("../fonts/Rubik-Black-Italic.svg#Rubik Black Italic") format("svg");
    font-weight: 900;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-2084;
}
