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

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

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

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

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

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

html {
    font-family: Rubik, OpenSans, Sans-serif;
}