/* Rubik */

@font-face {
    font-family: 'Rubik Dirt';
    font-display: block;
    font-weight: 400;
    src: url("../fonts/RubikDirt-Regular.ttf") format("truetype");
}

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

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

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

/* Roboto Condensed */

@font-face {
    font-family: 'Roboto Condensed Black';
    font-display: block;
    font-weight: 900;
    src: url("../fonts/RobotoCondensed-Black.ttf") format("truetype");
}

@font-face {
    font-family: 'Roboto Condensed Medium';
    font-display: block;
    font-weight: 500;
    src: url("../fonts/RobotoCondensed-Medium.ttf") format("truetype");
}

@font-face {
    font-family: 'Roboto Condensed Bold';
    font-display: block;
    font-weight: 700;
    src: url("../fonts/RobotoCondensed-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'Roboto Condensed ExtraBold';
    font-display: block;
    font-weight: 800;
    src: url("../fonts/RobotoCondensed-ExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: 'Roboto Flex';
    font-display: block;
    font-weight: 400;
    src: url("../fonts/RobotoFlex-Regular.ttf") format("truetype");
}