:root {
    --glutter: 15px;
    --font-size: 16px;
    --color: #222;    
    --content-width: 1230px;
    --radius-5: 5px;
    --radius: 12px;
    --radius-large: 15px;
    --radius-20: 20px;
    --radius-button: 35px;
	--white: #ffffff;
	--black: #000000;
	--orange: #ff9a02;
	--purple: #3d2b57;
    --red: #ed1c24;
    --yellow: #ffde16;
    --dark-red: #a83131;
    --light-blue: #0072b5;
    --middle-blue: #4ed7f3;
    --lighter-blue: #15579d;
    --dark-blue: #071e49;
    --light-gray: #f4f4f4;
    --middle-gray: #f0f0f0;
    --lighter-gray: #fafafa;
    --dark-gray: #dcdcdc;
    --darker-gray: #4e4e4e;
	--darkerdarker-gray: #222;
	--darkest-gray: #333;
	--green: #39b127;
    --font: 'Poppins';
    --font-light: 'Poppins';
    --font-italic: 'Poppins';
    --font-medium: 'Poppins';
    --font-medium-italalic: 'Poppins';
    --font-bold: 'Poppins';
    --font-bold-italalic: 'Poppins';
	--font-semibold: 'Poppins';
    --font-bold-italalic: 'Poppins';
    --font-extrabold: 'Poppins';
    --font-black: 'Poppins';
    --full-height: calc(var(--vh, 1vh) * 100);
}