:root{
	--body-color:#ffffff;
	--font: 'Rethink Sans', sans-serif;
	--navbar:#ffffff;
	--footer:#021A2F;
	--elements:#F0F1F1;
	--cards:#fff;
	--elements-gradient:linear-gradient(90deg, rgba(32,44,66,1) 0%, rgba(40,59,96,1) 100%);
	
	--blurple:#242424;
	--blurple-rgb:rgba(36, 36, 36, 0.5);
	--light-blurple:#ababab;
	--note:#3d3f82;
	--gray:#2c3753;
	--yellow:#ffad26;
	--purple:#6351ce;
	--purple-rgb:rgba(99, 81, 206, 0.5);
	--dark-purple:#29293F;
	--blue:#3371ff;
	--light-blue:#7289DA;
	--discord:#5865F2;
	--red:#BC3040;
	--darkgreen:#141414;
	--darkgreen-rgb:rgba(20, 20, 20, 0.5);
	--darkgreen-light:#242424;
	--orange:#ffb800;
	--green:#2D724F;
	--lightgreen:#989799;
	--greenwhite:#F0F1F1;
	--greenwhite-rgb:rgba(240, 241, 241, 0.5);
	--level-easy:#163d2c;
	--level-medium:#b9551c;
	--level-hard:#980e00;
	
	--text:#242424;
	--white:#fff;
	
	--swiper-navigation-color: var(--darkgreen);
	--swiper-pagination-color: var(--blurple);
	--swiper-pagination-bottom: 0px;
	--swiper-pagination-bullet-inactive-color: var(--darkgreen);
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-bullet-size: 20px;
	/* custom property */
	--swiper-pagination-active-bullet-size: 30px;
}