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

@font-face {
    font-family: rubik-semibold;
    src: url("../font/bold/Rubik-SemiBold.ttf") format("truetype"), ;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: rubik-regular;
    src: url("../font/regular/Rubik-Regular.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: rubik-medium;
    src: url("../font/medium/Rubik-Medium.ttf");
    font-weight: normal;
    font-style: normal;
}

.rubik-bold {
    font-family: 'rubik-bold';
}

.rubik-semibold {
    font-family: 'rubik-semibold';
}

.rubik-regular {
    font-family: 'rubik-regular';
}

.rubik-medium {
    font-family: 'rubik-medium';
}