/* Stats */
#stats { width: 100%; height: 100%; }
#stats .columns {
	justify-content: space-between;
	gap: .5em;
	width: 80%;
	margin: auto;
	border: none;
}
.column {
	flex: 1;
	gap: .5em;
	align-items: center;
}
#stats .stat { font-weight: bold; color: var(--primary); }
#stats .stat strong { font-size: 2em; }

#stats .columns .column .stat-description {
	text-align: center;
}

@media screen and (max-width: 769px) {
	#stats .columns {
		gap: var(--spacing-m);
		margin: 0;
		width: 100%;
	}

	#stats .columns .column {
		border: var(--primary--dimmed) solid 1px;
		padding: var(--spacing-m);
		border-radius: var(--b-radius);
	}
}

@media screen and (max-width: 581px) {
	#stats .columns {
		flex-direction: column;
	}
}