:root {
   --primary1: #B8FF0C;
  --primary2: #a9e510;
  --primary3: #B8FF0C;
  --primary4: #B8FF0C;
  --neutrals1: #141416;
  --neutrals2: #23262F;
  --neutrals3: #353945;
  --neutrals4: #777E90;
  --neutrals5: #B1B5C3;
  --neutrals6: #E6E8EC;
  --neutrals7: #F4F5F6;
  --neutrals8: #FFF;
  --secondary3: #FFD166;
  --page: #F5F6FD;
	
	--red:#DF1024;
	--red2:#b40f1f;
	--black:#050F13;
	--white:#FFFFFF;
	--grey1:#625A67;
	--grey2:#DCD6D7;
}


body{
	 font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;

	background-color:var(--red);
	
	background-clip:content-box;
	background-size:cover;
}

.bg-main{
	background-color:var(--primary1);
}
.side{ 
	background-image:url(http://cdn.athletese.com/images/background1.webp);
	background-size:cover;
	background-position: center;
}
.btn-main {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--red);
  --bs-btn-border-color: var(--red);
  --bs-btn-border-radius: .5rem;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #{shade-color($red2, 10%)};
  --bs-btn-hover-border-color: #{shade-color($red2, 10%)};
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--red2);
  --bs-btn-active-bg: #{shade-color($red2, 20%)};
  --bs-btn-active-border-color: #{shade-color($red2, 20%)};
}
.btn-outline-main {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--red);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--red);
  --bs-btn-border-radius: .5rem;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--red);
  --bs-btn-hover-border-color: var(--red);
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--red2);
  --bs-btn-active-bg: var(--red)!important;
  --bs-btn-active-border-color: var(--red)!important;
}

.form-label {
    font-size: 14px;
    margin-bottom: .2rem;
}