/* Structure */
footer {
	background-color: var(--c100);
	padding: 4rem 2rem 3rem 2rem;
}

/* Socials */
footer .socials .icon-box {
	width: 1.5rem;
	aspect-ratio: 1;
}

footer .socials svg {
	fill: var(--c700);
}

footer .socials svg:hover {
	fill: var(--title-color);
}

/* Links */
footer nav {
	flex-wrap: wrap;
}

footer nav .link {
	color: var(--c700);
	letter-spacing: .2em;
	text-transform: uppercase;
	transition: color .3s;
}

footer nav .link:hover {
	color: var(--title-color);
}

/* Credits */
footer .credits {
	color: var(--c500);
	letter-spacing: .1em;
}

/* Responsive */
@media (max-width: 480px) {

	footer .links {
		gap: 1rem;
	}

}