/********** Official Colours ***********/
:root {
	/***** Main Color ****/
	--Color1:#d645f7;	
	--Color1Dark:#c33be2;	
	--Color1Light:#e059ff;		
	--Color1VeryDark:#b835d6;
	
	/***** Derivative Colors ****/
	--Color2:#5234a2;
	
	/***** Very light color ****/
	--Color3:#f1f1f1;
	--Color4:#4a4a4a;
	
	--Color5:#ff3f3f;
	--Color6:#ffffff;
}

/*

	--Color1:#8bf027;	
	--Color1Dark:#87e030;	
	--Color1Light:#8be632;		
	--Color1VeryDark:#76d117;

*/






/********** Text colours ***********/
.TextColor1{
	color:var(--Color1);
}

/********** Background colours ***********/
.Background1 {
	background-color: var(--Color1);
	color:#ffffff;
}

/********** Border colours ***********/
.Border1 {
	border-color: var(--Color1)!important;
}

/********** Buttons ***********/

.Button1{
	background-color: var(--Color1);
    color: white;	
}

.Button1{
	background-color: var(--Color1);
    color: white;	
}

.Button1:hover{	
	background-color:var(--Color2);
}

.Button2{
    color: #bbbbbb;
    border: 2px solid #bbbbbb;
}

.Button2:hover{
    color: #000000;
    border: 2px solid #000000;
}