/** @format */

#footer {
	margin-block-start: calc(400px - 7rem);
	width: 100%;
	color: var(--color-white);
	background-color: var(--color-black);

	& a {
		text-decoration: none;
	}
}

.footer__inner_container {
	border-block-start: solid 1px var(--color-white);
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-block-start: calc(var(--universal-gap) * 2.75);
	padding-block-end: calc(var(--universal-gap) / 2);
	gap: var(--universal-gap);
	ul.menu {
		display: flex;
		flex-direction: column;
		gap: calc(var(--universal-gap) / 2);
		font-size: var(--fs-textcommon);
	}
}

.footer__logo {
	margin-block: calc(var(--universal-gap) * 2.75);
	width: 100%;
	max-width: 100px;
	svg {
		max-width: 50vw;
	}
}

.footer__inner_container > *:first-child {
	justify-self: start;
}

.footer__inner_container > *:last-child {
	justify-self: end;
}