@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Besley:wght@400;500;600;700&display=swap');




:root {
	/* colors */
	--dark: #333;
	--midgrey: #808080;
	--lightgrey: #f2f2f2;

	--primary: #C5D32D;
	--one-opt-color: #C5D32D;
	--two-opt-color: #C5D32D;
	--thr-opt-color: #C5D32D;

	--page_maxwidth: 1300px;

	/* font */
	--font_main: 'Manrope', sans-serif;
	--font_secondary: 'Besley', sans-serif;
	/* font styles */
	--font_light: 300;
	--font_regular: 400;
	--font_medium: 500;
	--font_semibold: 600;
	--font_bold: 700;
	--font_extrabold: 800;

	--font_60: 60px;
	--font_45: 45px;
	--font_30: 30px;
	--font_25: 25px;
	--font_20: 20px;
	--font_18: 18px;
	--font_16: 16px;
	--font_15: 15px;
	--font_14: 14px;
	--font_13: 13px;
	--font_12: 12px;

	--buttons_radius_prim: 0px;
	--buttons_radius_seco: 0px;

	--footer: #01356b;
	--footer-text-color: #fff;
}