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

@font-face {
	font-family: 'Roboto';
	src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url('../../fonts/roboto/Roboto-LightItalic.ttf') format('truetype');
	font-style: italic;
	font-weight: 300;
	font-display: swap;
}

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

@font-face {
	font-family: 'Roboto';
	src: local("Roboto Italic"), local("Roboto-Italic"), url('../../fonts/roboto/Roboto-Italic.ttf') format('truetype');
	font-style: italic;
	font-weight: 400;
	font-display: swap;
}

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

@font-face {
	font-family: 'Roboto';
	src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url('../../fonts/roboto/Roboto-MediumItalic.ttf') format('truetype');
	font-style: italic;
	font-weight: 500;
	font-display: swap;
}

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

@font-face {
	font-family: 'Roboto';
	src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url('../../fonts/roboto/Roboto-BoldItalic.ttf') format('truetype');
	font-style: italic;
	font-weight: 700;
	font-display: swap;
}

:root {
	--primary-font: 'Roboto';
  }