@font-face {
    font-family: 'jua-regular';
    src: url('./jua/Jua-Regular.ttf') format('truetype');
}

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

@font-face {
    font-family: 'roboto-regular';
    src: url('./roboto/Roboto-Regular.ttf') format('truetype');
}
.roboto-regular {font-family: 'roboto-regular';}

@font-face {
    font-family: 'roboto-bold';
    src: url('./roboto/Roboto-Bold.ttf') format('truetype');
}
.roboto-bold {font-family: 'roboto-bold';}

@font-face {
    font-family: 'roboto-thin';
    src: url('./roboto/Roboto-Thin.ttf') format('truetype');
}
.roboto-thin {font-family: 'roboto-thin';}

@font-face {
    font-family: 'roboto-extra-bold';
    src: url('./roboto/Roboto-ExtraBold.ttf') format('truetype');
}
.roboto-extra-bold {font-family: 'roboto-extra-bold';}