@font-face {
    font-family: "THICCCBOI";
	font-weight: normal;
    src: url("fonts/THICCCBOI-Regular.woff2")format("woff2");
}
@font-face {
    font-family: "THICCCBOI";
	font-weight: 600;
    src: url("fonts/THICCCBOI-Bold.woff2")format("woff2");
}
@font-face {
    font-family: "THICCCBOI";
	font-weight: bold;
    src: url("fonts/THICCCBOI-ThicccAF.woff2")format("woff2");
}
html, body {
	margin: 0;
	padding: 0;
	font-family: "THICCCBOI", sans-serif;
	background-color: #060B11;
	color: #EFF7FF;
}

.bg {
	background-image: url("img/adx-bg-pattern.png");
	background-repeat: repeat;
	background-size: 30%;
	animation: bg-move 90s linear infinite;
}

@keyframes bg-move {
	from {
		background-position: 100% 0%;
	}
	to {
		background-position: 0% 100%;
	}
}

header, footer {
	padding: 1em;
	background-color: #334258;
}

header, .content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

header .title {
	font-weight: bold;
	font-size: 1.5em;
}

footer {
	text-align: center;
	opacity: 0.75;
}

a {
	color: #6ABFEF
}

a.btn {
	display: inline-flex;
	padding: 0.5em 1em;
	margin: 0.5em;
	background-color: rgb(106, 191, 239);
	color: #060B11;
	text-decoration: none;
	border-radius: 0.5em;
	font-weight: 600;
	align-items: center;
	gap: 0.25em;
}

a.btn:hover {
	background-color: rgba(106, 191, 239, 0.8);
}

a.btn:active {
	background-color: rgba(106, 191, 239, 0.6);
}

a.btn-disabled, a.btn-disabled:hover, a.btn-disabled:active {
	background-color: rgba(106, 191, 239, 0.67);
	cursor: default;
}

.legal {
	padding: 1em 2em;
	line-height: 1.5;
}

i.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.i-code {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.825 12.025L8.7 15.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-4.6-4.6q-.15-.15-.213-.325T2.426 12t.063-.375t.212-.325l4.6-4.6q.3-.3.713-.3t.712.3t.3.713t-.3.712zm14.35-.05L15.3 8.1q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l4.6 4.6q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.6 4.6q-.3.3-.7.288t-.7-.313t-.3-.712t.3-.713z'/%3E%3C/svg%3E");
}

.i-docs {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13 17.05q1.1-.525 2.213-.788T17.5 16q.9 0 1.763.15T21 16.6V6.7q-.825-.35-1.713-.525T17.5 6q-1.175 0-2.325.3T13 7.2zm-1 2.425q-.35 0-.663-.088t-.587-.237q-.975-.575-2.05-.862T6.5 18q-1.05 0-2.062.275T2.5 19.05q-.525.275-1.012-.025T1 18.15V6.1q0-.275.138-.525T1.55 5.2q1.175-.575 2.413-.888T6.5 4q1.45 0 2.838.375T12 5.5q1.275-.75 2.663-1.125T17.5 4q1.3 0 2.538.313t2.412.887q.275.125.413.375T23 6.1v12.05q0 .575-.487.875t-1.013.025q-.925-.5-1.937-.775T17.5 18q-1.125 0-2.2.288t-2.05.862q-.275.15-.587.238t-.663.087m2-10.7q0-.225.163-.462T14.525 8q.725-.25 1.45-.375T17.5 7.5q.5 0 .988.063t.962.162q.225.05.388.25t.162.45q0 .425-.275.625t-.7.1q-.35-.075-.737-.112T17.5 9q-.65 0-1.275.125t-1.2.325q-.45.175-.737-.025T14 8.775m0 5.5q0-.225.163-.462t.362-.313q.725-.25 1.45-.375T17.5 13q.5 0 .988.063t.962.162q.225.05.388.25t.162.45q0 .425-.275.625t-.7.1q-.35-.075-.737-.112T17.5 14.5q-.65 0-1.275.113t-1.2.312q-.45.175-.737-.012T14 14.275m0-2.75q0-.225.163-.462t.362-.313q.725-.25 1.45-.375t1.525-.125q.5 0 .988.063t.962.162q.225.05.388.25t.162.45q0 .425-.275.625t-.7.1q-.35-.075-.737-.112t-.788-.038q-.65 0-1.275.125t-1.2.325q-.45.175-.737-.025t-.288-.65'/%3E%3C/svg%3E");
}

.i-dl {
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 20h14q.425 0 .713.288T20 21t-.288.713T19 22H5q-.425 0-.712-.288T4 21t.288-.712T5 20m7-2.625q-.225 0-.437-.1t-.363-.3l-4.95-6.35q-.375-.5-.1-1.062T7.05 9H9V3q0-.425.288-.712T10 2h4q.425 0 .713.288T15 3v6h1.95q.625 0 .9.563t-.1 1.062l-4.95 6.35q-.15.2-.363.3t-.437.1'/%3E%3C/svg%3E");
}