:root {
	--upper-footer-main: #333333;
	--footer-main: #bfbfbf;
	--footer-muted: #7f7f7f;
	--footer-icon-main: #ffffff;
	--footer-icon-hover: #aaaaaa;
}

footer {
	font-family: serif;
	font-size: 18px;
}

footer a{
	text-decoration: none;
}

footer > div:first-child {
	background-color: var(--upper-footer-main);
	height: 8vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

footer > div:first-child > div:last-child i {
	color: var(--upper-footer-main);
	font-size: 16px;
	padding: 8px;
	background-color: var(--footer-icon-main);
	border-radius: 100%;
}

footer > div:first-child > div:last-child i:hover {
	background-color: var(--footer-icon-hover);
}

footer > div:last-child {
	height: 8vh;
	background-color: var(--lower-footer-main);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

footer > div:last-child > span {
	color: var(--footer-muted);
	margin: 0.25vh 0;
}

@media (max-width: 1400px) {
	footer > div:first-child > div:last-child i {
		font-size: 20px;
		padding: 8px;
		margin: 8px;
	}

	footer > div:last-child > span {
		font-size: 16pt;
	}

	footer > *{
		overflow-y: hidden;
	}
}