@font-face{
	font-family: 'manrope-bold';
	src: url('./../fonts/bold.woff2') format('woff2');
	font-display: swap;
	size-adjust: 100%;
}

@font-face{
	font-family: 'manrope-extra-bold';
	src: url('./../fonts/manrope-extrabold.otf') format('opentype');
	font-display: swap;
	size-adjust: 100%;
}

@font-face{
	font-family: 'manrope-light';
	src: url('./../fonts/light.woff2') format('woff2');
	font-display: swap;
	size-adjust: 100%;
}

* { 
	margin: 0;
 	padding: 0;
 	font-family: 'manrope-bold', Arial, sans-serif;
}

:root {
	--color-primary: #209569;
	--color-secundary: #E9660C;
	--color-tercery: #163c36;
	--color-dark: #252525;
	--color-light: #666666;
	--color-back: #FAFAF8;
	--color-back-sec: #f5f2e8;
	--color-green: #176D4E;
	--color-orange: #C95408;
	--color-yellow: rgb(255, 190, 0);
	--color-white: #ffffff;
	--font-family-bold: 'manrope-bold', Arial, sans-serif;
	--font-family-extra-bold: 'manrope-extra-bold', Arial, sans-serif;
	--font-family-light: 'manrope-light', Arial, sans-serif;
}

::-webkit-scrollbar {
	width: 0px;
	height: 1px;
}

::-webkit-scrollbar-thumb {
	background: var(--color-back);
	border-radius: 0;
}