@import url('https://fonts.googleapis.com/css2?family=Cal+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

.font-calSans {
	font-family: "Cal Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
}

@font-face {
	src: url("/assets/fonts/Valorant Font.ttf");
	font-family: "Valorant Font";
}
.font-valo {
	font-family: "Valorant Font", sans-serif;
	font-weight: 400;
	font-style: normal;
}


.fw-9 {
	font-weight: 900 !important;
}
.fw-8 {
	font-weight: 800 !important;
}
.fw-7 {
	font-weight: 700 !important;
}
.fw-6 {
	font-weight: 600 !important;
}
.fw-5 {
	font-weight: 500 !important;
}
.fw-4 {
	font-weight: 400 !important;
}
.fw-3 {
	font-weight: 300 !important;
}
.fs-4 {
	font-size: 1em !important;
}
.fs-5 {
	font-size: 1.5em !important;
}
.fs-6 {
	font-size: 2rem !important;
}
.fs-7 {
	font-size: 2.5em !important;
}
.fs-8 {
	font-size: 4em !important;
}
@media only screen and (max-width: 768px) {
	.fs-8 {
		font-size: 2.5em !important;
	}
}

.mt-6 {
	margin-top: 2rem;
}
.mt-7 {
	margin-top: 2.5em;
}
.mt-8 {
	margin-top: 4em;
}
.mt-9 {
	margin-top: 7em;
}

.pt-6 {
	padding-top: 2rem;
}
.pt-7 {
	padding-top: 2.5em;
}
.pt-8 {
	padding-top: 4em;
}
.pt-9 {
	padding-top: 7em;
}
.pt-10 {
	padding-top: 13.5em;
}
.pb-6 {
	padding-bottom: 2rem;
}
.pb-7 {
	padding-bottom: 2.5em;
}
.pb-8 {
	padding-bottom: 4em;
}
.pb-9 {
	padding-bottom: 7em;
}
.pb-10 {
	padding-bottom: 13.5em;
}

.text-xs {
	font-size: 0.75rem;
	line-height: 1rem; /* 16px */
}
.text-sm {
	font-size: 0.875rem; /* 14px */
	line-height: 1.25rem; /* 20px */
}
.text-base {
	font-size: 1rem; /* 16px */
	line-height: 1.5rem; /* 24px */
}
.text-lg {
	font-size: 1.125rem; /* 18px */
	line-height: 1.75rem; /* 28px */
}
.text-xl {
	font-size: 1.25rem; /* 20px */
	line-height: 1.75rem; /* 28px */
}
.text-2xl {
	font-size: 1.5rem; /* 24px */
	line-height: 2rem; /* 32px */
}
.text-3xl {
	font-size: 1.875rem; /* 30px */
	line-height: 2.25rem; /* 36px */
}
.text-4xl {
	font-size: 2.25rem; /* 36px */
	line-height: 2.5rem; /* 40px */
}
.text-5xl {
	font-size: 3rem; /* 48px */
	line-height: 1;
}

.op-0 {
	opacity: 0 !important;
}
.op-1 {
	opacity: 0.1 !important;
}
.op-2 {
	opacity: 0.2 !important;
}
.op-3 {
	opacity: 0.3 !important;
}
.op-4 {
	opacity: 0.4 !important;
}
.op-5 {
	opacity: 0.5 !important;
}
.op-6 {
	opacity: 0.6 !important;
}
.op-7 {
	opacity: 0.7 !important;
}
.op-8 {
	opacity: 0.8 !important;
}
.op-9 {
	opacity: 0.9 !important;
}
.op-10 {
	opacity: 1 !important;
}

.text-white-tw {
	color: oklch(96.7% 0.001 286.375) !important
}

.border-725 {
	border-radius: .725rem !important;
}