@media (min-width: 600px) {
	#mobile-nav {
		display: none !important;
	}
}

#mobile-nav {
	position: sticky;
	bottom: 0;

	display: flex;

	background-color: var(--clr-bgbg);
}

.mobile-nav-link {
	display: inline-flex;
	flex-direction: column;
	align-items: center;

	padding: 1em;

	text-decoration: none;
	font-weight: bold;

	flex-grow: 1;

	transition: color var(--transition-cubic-ease),
				background-color var(--transition-cubic-ease);
}

.mobile-nav-link svg {
	width: 2em;
	height: 2em;
}