/* Variables
--------------------------------------------- */
  
  :root {
      --med: "Montserrat-Medium";
      --semi: "Montserrat-SemiBold";
      --ext: "Montserrat-ExtraBold";
      --bold: "Montserrat-Bold";
	  --icon: "Font Awesome 6 Free";

	  --white: #fff;
	  --black: #000;
	  
	  --main: #3B6AFF;	  
	  --sec: #323235;	  
	  --tri: #DDDFE6;
	  
}

.bk-white {
	background: var(--white);
	color: var(--black);
}

	.white {
		color: var(--white);
	}

.bk-black {
	background: none;
	color: var(--white);
}

	.black {
		color: var(--black);
	}

.bk-main {
	background: var(--main);
	color: var(--white);
}

	.main {
		color: var(--main);
	}

.bk-sec {
	background: var(--sec);
	color: var(--white);
}

	.sec {
		color: var(--sec);
	}

.bk-tri {
	background: var(--tri);	
	color: var(--sec);
}

	.tri {
		color: var(--tri);
	}

.bk-phase1 {
	background: var(--phase1);
	color: var(--white);
}

.bk-phase2 {
	background: var(--phase2);	
	color: var(--white);
}

.bk-phase3 {
	background: var(--phase3);	
	color: var(--white);
}

.bk-phase4 {
	background: var(--phase4);	
	color: var(--white);
}

.bk-phase5 {
	background: var(--phase5);	
	color: var(--white);
}