/* Variables */

:root {
	--black:rgba(0, 0, 0, 1) ;
	--charade:rgba(43, 44, 58, 1) ;
	--eucalyptus: rgba(62, 229, 169, 1) ;
	--nobel:rgba(181, 181, 181, 1) ;
	--gallery:rgba(236, 241, 240, 1) ;
	--white:rgba(255, 255, 255, 1) ;

	--font-size-xs:16px;
	--font-size-s:18px;
	--font-size-m:20px;
	--font-size-l:24px;
	--font-size-xl:36px;
	--font-size-xxl:64px;

	--font-family-mulish:"Mulish";
	--font-family-raleway:"Raleway";
	--font-family-roboto:"Roboto";
}

/* Classes */


.roboto-normal-white-20px {
	color:var(--white);
	font-family:var(--font-family-roboto);
	font-size:var(--font-size-m);
	font-weight:400;
	font-style:normal;
}

.roboto-normal-white-16px {
	color:#B6B6B6;
	font-family:var(--font-family-roboto);
	font-size:var(--font-size-xs);
	font-weight:100;
	font-style:normal;
}

.raleway-bold-gallery-36px {
	color:var(--gallery);
	font-family:var(--font-family-raleway);
	font-size:var(--font-size-xl);
	font-weight:700;
	font-style:normal;
}

.roboto-normal-nobel-16px {
	color:var(--nobel);
	font-family:var(--font-family-roboto);
	font-size:var(--font-size-xs);
	font-weight:400;
	font-style:normal;
}

.roboto-normal-white-20px-2 {
	font-family:var(--font-family-roboto);
	font-size: var(--font-size-m);
	font-weight:400;
	font-style:normal;
}

.raleway-semi-bold-gallery-18px {
	color:var(--gallery);
	font-family:var(--font-family-raleway);
	font-size: var(--font-size-s);
	font-weight:600;
	font-style:normal;
}

.raleway-medium-gallery-16px {
	color: var(--gallery);
	font-family:var(--font-family-raleway);
	font-size:var(--font-size-xs);
	font-weight:500;
	font-style:normal;
}

.roboto-normal-nobel-18px {
	color: var(--nobel);
	font-family:var(--font-family-roboto);
	font-size:var(--font-size-s);
	font-weight:400;
	font-style:normal;
}

.raleway-semi-bold-white-16px {
	color: var(--white);
	font-family:var(--font-family-raleway);
	font-size:var(--font-size-xs);
	font-weight:600;
	font-style:normal;
}