/*font-size*/
.text-xxs {font-size: 16px;} /*16px*/
.text-xs {font-size: 18px;} /*18px*/
.text-sm {font-size: 20px;} /*20px*/
.text-md {font-size: 24px;} /*24px*/
.text-lg {font-size: 28px;} /*28px*/
.text-xl {font-size: 32px;} /*28px*/

/*font-weight*/
.text-500 {font-weight: 500;}
.text-700 {font-weight: 700;} 
.text-900 {font-weight: 900;}

/*headline-size*/
.headline-1 {font-size: 72px;} /*72px*/
.headline-2 {font-size: 64px;} /*64px*/
.headline-3 {font-size: 48px;} /*32px*/
.headline-4 {font-size: 40px;} /*32px*/
.headline-5 {font-size: 32px;} /*32px*/
.headline-6 {font-size: 24px;} /*24px*/

/*color*/
.text-primary {color: #815AF0!important;} /*purple*/
.text-secondary {color: #635C7F!important;} /*text*/
.text-pink {color: #F27389;}
.text-yellow {color: #FFE0A3;}
.text-success {color: #46B16C;}
.text-light {color: #DCD9E5!important;}
.text-dark {color: #292043;}

/*sizing*/
.mt-6 {margin-top: 2.25rem;}
.mb-6 {margin-bottom: 2.25rem;}

/*background-color*/
.bg-extra-dark {background-color: #13132D;}

/*border-color*/
.border-light {--bs-border-color: #d7d7d7!important}


/*buttons*/
.btn {
	border-radius: 5px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	padding: 0.625rem 0.5rem;	 /*52px*/
}
.btn-lg {
	padding: 2rem 0.5rem; /*68px*/
	font-size: 24px;
}
.btn-primary {
	border-color: #815AF0!important;
	background-color: #815AF0!important;
	color: #fff!important;
}
.btn-primary:hover {
	border-color: #6748c0!important;
	background-color: #6748c0!important;
	color: #fff!important;
}
.btn-yellow {
	border-color: #FFE0A3;
	background-color: #FFE0A3;
	color: #453429;
}
.btn-yellow:hover {
	border-color: #e5c992!important;
	background-color: #e5c992!important;
	color: #453429!important;
}
.btn-outline-primary {
	border-color: #815AF0;
	background-color: transparent;
	color: #815AF0;
}
.btn-outline-primary:hover {
	border-color: #815AF0!important;
	background-color: #815AF0!important;
}
.btn-link {
	padding: 0;
	text-decoration: none;
}
.btn-link-primary {
	border-color: transparent;
	background-color: transparent;
	color: #815AF0;
}
.btn-link-primary:hover {
	color: #815AF0!important;
}
.btn-link-pink {
	border-color: transparent;
	background-color: transparent;
	color: #F27389;
}
.btn-link-pink:hover {
	color: #F27389!important;
}
.btn-link-white {
	border-color: transparent;
	background-color: transparent;
	color: #fff;
}
.btn-link-white:hover {
	color: #fff!important;
}