/* NAVIGATION */
a {
	outline: none;
	text-decoration: underline;
	text-underline-offset: .25rem;
}

/* LINKS */

header .link {
	color: var(--color-black);
	border-bottom: 0px solid currentColor;
	transition: ease-in-out .1s;
}

.link {
	color: var(--color-black);
	border-bottom: 0px solid currentColor;
	transition: ease-in-out .1s;
}

.link--black{
	color: var(--color-black);
	border-bottom: 0px solid currentColor;
	transition: ease-in-out .1s;
}

.link:hover {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-decoration-color: currentColor;
	transition: ease-in-out .1s;
}

.link:focus-within,
.body__link:focus-within,
.link--black:focus-within{
	outline: 2px solid currentColor;
	outline-offset: 4px;
	transition: .1s;
}

.header__link {
	text-decoration: none;
}

.body__link:hover {
	border-bottom: unset;
	text-decoration: none;
}

.footer__link {
	color: var(--color-black);
	text-decoration: none;
}

.footer__top:hover,
.footer__top:focus-within {
	outline: solid 2px var(--color-background);
	outline-offset: 4px;
	transition: .2s ease-in-out;
}

@media (min-width: 64rem) {
	header .link {
		color: var(--color-white);
		border-bottom: 0px solid currentColor;
		transition: ease-in-out .1s;
	}

}