: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;
	--orange: #ff9a02;
	--purple: #3d2b57;
    --red: #ed1c24;
    --yellow: #fff200;
    --dark-red: #a83131;
    --light-blue: #0072b5;
    --middle-blue: #4ed7f3;
    --lighter-blue: #15579d;
    --dark-blue: #22318b;
    --light-gray: #f4f4f4;
    --middle-gray: #f0f0f0;
    --lighter-gray: #fafafa;
    --dark-gray: #dcdcdc;
    --darker-gray: #4e4e4e;
	--darkerdarker-gray: #222;
	--darkest-gray: #333;
	--green: #85c441;
    --font: 'Karla-Regular';
    --font-light: 'Karla-Light';
    --font-italic: 'Karla-Italic';
    --font-medium: 'Karla-Medium';
    --font-medium-italalic: 'Karla-Mediumitalic';
    --font-bold: 'Karla-Bold';
    --font-bold-italalic: 'Karla-Bolditalic';
	--font-semibold: 'Karla-SemiBold';
    --font-bold-italalic: 'Karla-Bolditalic';
    --font-extrabold: 'Karla-ExtraBold';
    --font-black: 'AlegreyaSansBlack';
    --full-height: calc(var(--vh, 1vh) * 100);
}