:root {
	--font-main: 'Montserrat', Arial, sans-serif;;
	--font-alternative: 'Oswald', Impact, sans-serif;
	
	/** ORANGE */
	--color-main: #EA6121;

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

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

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

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

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;
}