:root {
	--neutrallight: #e2ebf0;
	--neutraldark: #004359;
	--primaryblue: #0a8dce;
	--primaryred: #e43c22;
	--primarygreen: #8ac86f;
	--accentyellow: #fdbb11;
	--accentblue: #fdbb11;

	--shadedarkblue: #004359;
	--shadeblue: #0a8dce;
	--shadelightblue: #90bbe4;
	--shadedarkgreen: #1B7748;
	--shadegreen: #8ac970;
	--shadelightgreen: #c4e1b3;
	--shadedarkred: #e43c22;
	--shadered: #F09370;
	--shadelightred: #fbd5c2;
	
	--logofont: "Mendl Sans", sans-serif;
	--headingfont: "Golos Text", sans-serif;

}

.shade-light-blue {
	background: var(--shadelightblue);
}
.shade-blue {
	background: var(--shadeblue);
}
.shade-dark-blue {
	background: var(--shadedarkblue);
}
.shade-light-green {
	background: var(--shadelightgreen);
}
.shade-green {
	background: var(--shadegreen);
}
.shade-dark-green {
	background: var(--shadedarkgreen);
}
.shade-light-red {
	background: var(--shadelightred);
}
.shade-red {
	background: var(--shadered);
}
.shade-dark-red {
	background: var(--shadedarkred);
}

body {
  background: var(--neutrallight);
}

.logofont {
	font-family: mendl-sans-dusk;
	font-weight: bold;
	letter-spacing: 1.2px;
	font-size: 3rem;
}
.logofontcurvy {
	font-family: mendl-sans-dawn;
	font-weight: bold;
	letter-spacing: 1.2px;
	font-size: 3rem;
}
.headingfont {
	font-family: golos-text;
	font-weight: 650;
}
* {
	font-family:  myriad-pro, sans-serif;
	/* color : rgb(228, 233, 236); */
}