:root {
	--color-black: #1F252D;
	--color-blue: #0D3D53;
	--color-green: #014E55; 
	--color-lgreen: #069296;
	--color-white: #EFF1FC;
	--color-white: #F9FAFF;


	--color-grey: #8498a2;
	--color-greytoo: #b0bcd5;

	--color-background: var(--color-white);

	--page-padding: 30px;
	--content-width: 1200px;

	--header-height: 100px;
}

@font-face {
	font-family: "League Gothic";
	src: url("../assets/fonts/LeagueGothic-Regular-VariableFont_wdth.ttf")
		format("truetype");
	font-style: normal;
	font-weight: 400;
	font-stretch: 75% 100%;
	font-display: swap;
}

@font-face {
	font-family: "Roboto Mono";
	src: url("../assets/fonts/RobotoMono-VariableFont_wght.ttf")
		format("truetype");
	font-style: normal;
	font-weight: 100 700;
	font-display: swap;
}

@font-face {
	font-family: "Roboto Mono";
	src: url("../assets/fonts/RobotoMono-Italic-VariableFont_wght.ttf")
		format("truetype");
	font-style: italic;
	font-weight: 100 700;
	font-display: swap;
}

@font-face {
	font-family: "Lacquer";
	src: url("../assets/fonts/Lacquer-Regular.ttf")
		format("truetype");
	font-weight: 400;
	
}

:root {
	--font-display: "League Gothic", Impact, sans-serif;
	--font-mono: "Roboto Mono", monospace;
	font-family: "Lacquer";
}