:root {
	--font-main: 'PT Serif', serif;
	--font-alternative: 'Libre Franklin', Arial, sans-serif;
	
	
	--color-green-a: #24733e;
	--color-green-b: #BCD49C;

	--color-main: var(--color-green-a);
	--color-alternative: #3AC0C0;

	/** SHADOWS OF GREYS */
	--color-darkgrey: #888888;
	--color-grey: #BDBDBD;
	--color-grey-background: #F1F0F0;
	--color-lightgrey: #E4E4E4;
	--color-white: #FFFFFF;
	
	/** BLACKS */
	--color-black: #333;
	--color-loudblack: #000000;

	/** RADIUS (?) */
	--radius: 5px;
}

html, body {
	background: white;
	color: var(--color-black);
	/*font-size: clamp(14px, 1vw, 18px);*/
	font-size: 18px;
	font-family: var(--font-main);
}

h1, h2, h3, h4, h5 {
	font-family: var(--font-alternative);
	color: var(--color-black);
	font-weight: bold;
}

a:link, a:visited {
	color: var(--color-main);
	transition: all 0.5s ease-out;
} 

a:hover, a:active {
	color: var(--color-black);
	transition: all 0.5s ease-out;
} 

@media (min-width: 64rem) {
	#main-site-container {
		max-width: 1600px;
		margin-right: auto;
		margin-left: auto;
		box-shadow: 0 0 12px rgb(0 0 0 / 15%);
	}
}