@font-face {
	font-family: 'Questrial'; /*a name to be used later*/
	src: url('http://fonts.googleapis.com/css?family=Questrial'); /*URL to font*/
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
		U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
		U+FFFD;
}

:root {
	/* Colors */
	--main-color: #343a40;

	/* Font sizes */

	--fontsize-large: 6rem;

	--fontsize-medium1: 4.8rem;
	--fontsize-medium2: 4rem;

	--fontsize-small1: 2rem;
	--fontsize-small2: 1.8rem;
	--fontsize-small3: 1.6rem;

	/* Font weights */
	--fontweight-normal: 500;
	--fontweight-bold: 700;

	/* Font families */

	--main-font: 'Roboto', sans-serif;
	--logo-font: 'Questrial', sans-serif;

	/* Line height */

	--lineheight: 1.2;

	font-size: 0.5208333333vw;
}

html {
	font-family: var(--main-font);
}

a {
	cursor: pointer;
	text-decoration: none;
	color: black;
}

a:hover {
	color: #747bff;
}