footer {
	display: flex;
	flex-direction: column;
	text-align: center;

	background-color: var(--card-background-color);
	border-radius: var(--card-border-radius);

	/* background-color: #d3d3d3; */
}

footer div {
	display: flex;
	flex-direction: row;
	flex: 1 1 2;
	justify-content: space-evenly;
}

footer img {
	height: 60px;
	filter: invert() hue-rotate(180deg);
}

footer a {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: inherit;
}

footer a:hover {
	color: #91a4d2;
	cursor: pointer;
	filter: brightness(0) saturate(100%) invert(65%) sepia(13%) saturate(733%)
		hue-rotate(187deg) brightness(95%) contrast(90%);
}