: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;
	--yellow: #fff237;
	--orange: #eb860f;
	--purple: #3d2b57;
    --red: #eb0f10;
    --dark-red: #a83131;
    --blue: #0e4ab4;
    --light-blue: #02a3df;
    --middle-blue: #4ed7f3;
    --lighter-blue: #669298;
    --dark-blue: #2a3c73;
    --lighter-gray: #f1f1f1;
    --light-gray: #f5f3f3;
    --middle-gray: #c4c4c4;
    --gray: #9b9b9b;
    --dark-gray: #dcdcdc;
    --darker-gray: #a1a1a1;
	--darkerdarker-gray: #222;
	--darkest-gray: #333;
	--green: #669298;
	--black: #000;
	--white: #fff;
    --full-height: calc(var(--vh, 1vh) * 100);
}