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

@font-face {
	font-family: 'roboto-medium';
	src: url(../fonts/Roboto-Medium.ttf);
	src: url(../fonts/Roboto-Medium.ttf) format('truetype');
	font-style: normal;
	font-weight: normal;
}


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

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

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

:root {
	--fb: 'roboto-bold';
}