:root {
	/* color1------------------------------------------------ */
	--main-clr-1: rgb(0, 124, 0);
	--sub-clr-1:rgb(0, 105, 0);
	--sub-clr-1-2: rgb(7, 146, 7);
	--sub-clr-1-3: rgb(0, 82, 0);
	--main-clr-2: rgb(250, 189, 23);
	--sub-clr-2:rgb(197, 150, 20);
	--sub-clr-2-2:rgb(255, 204, 65);
	--sub-clr-2-3:rgb(180, 136, 13);
	--sub-clr-2-4:rgb(255, 216, 109);
	/* color2------------------------------------------------ */
	/* --main-clr-1: rgb(243, 0, 0);
	--sub-clr-1:rgb(201, 0, 0);
	--sub-clr-1-2: rgb(248, 47, 47);
	--sub-clr-1-3: rgb(160, 0, 0);
	--main-clr-2: rgb(190, 174, 128);
	--sub-clr-2:rgb(163, 148, 102);
	--sub-clr-2-2:rgb(202, 191, 156);
	--sub-clr-2-3:rgb(139, 125, 80); */
	/* color3------------------------------------------------- */
	/* --main-clr-1: red;
	--sub-clr-1:rgb(129, 20, 20);
	--main-clr-2: rgb(255, 236, 239); 
	--sub-clr-2:rgb(255, 255, 255); */
	/* --main-clr-1: blue;
	--sub-clr-1:rgb(0, 0, 187);
	--main-clr-2: white;
	--sub-clr-2:rgb(218, 218, 218); */
/*document.documentElement.style.setProperty("--main-clr-1", 'red');
	document.documentElement.style.setProperty("--main-clr-2", 'pink'); */
--dark-text:rgb(30,30,30);
--white-text:white;
--accent-clr-1:rgb(191, 253, 191);
--accent-clr-1-2:#033560;

}
 body{
	margin:0px;
	background-color: var(--main-clr-2);
}


.sub-title {
	text-align: center;
	font-size: 70px;
	color: rgb(191, 253, 191);
	--font-shadow: #033560;
	text-shadow: -2px 0px var(--font-shadow), 0px -2px var(--font-shadow), 2px 0px var(--font-shadow), 0px 2px var(--font-shadow), 2px 2px var(--font-shadow), -2px 2px var(--font-shadow), 2px 4px var(--font-shadow), -2px 4px var(--font-shadow), 2px 6px var(--font-shadow), -2px 6px var(--font-shadow), 2px 8px var(--font-shadow), -2px 8px var(--font-shadow);
}