@font-face {
	font-display: swap;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('/style/font/lato-v25-latin-regular.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: url('/style/font/lato-v25-latin-700.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Lora';
	font-style: normal;
	font-weight: 400;
	src: url('/style/font/lora-v37-latin-regular.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Lora';
	font-style: normal;
	font-weight: 700;
	src: url('/style/font/lora-v37-latin-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Newake';
	font-display: swap;
	font-style: normal;
	font-feature-settings: 'liga' 1, 'calt' 1; /* Chrome */
	src: url("/style/font/Newake-Regular.woff2") format("woff2");
}

:root {
	--text: rgba(0,0,0,0.9);
	--background: hsl(217, 100%, 97%);
	--backgroundAlt: hsl(216, 58%, 88%);
	--backgroundAlt2: hsl(35, 58%, 88%);

	--color1: hsl(232, 43%, 48%);
	--color1text: hsl(232, 43%, 48%);

	--color2: hsl(216, 55%, 55%);
	--color2text: hsl(215, 48%, 53%);

	--color3: hsl(232, 38%, 31%);
	--color3text: hsl(232, 38%, 31%);

	--color4: hsl(16, 68%, 57%);
	--color4text: hsl(16, 72%, 57%);
}