@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');

.footer {
	width: 100%;
	display: flex;
	align-items: center;
	background-color: var(--color-accent);
	height: var(--bar-height);
}

.footer-interior {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	container-type: inline-size;
}

.footer-interior a {
	height: 100%;
}

.footer-item {
	color: white;
	padding-left: 3cqh;
	padding-right: 3cqh;
	font-size: calc(var(--bar-height)/3);
	font-family: "Font Awesome 5 Brands" !important;
}