#about {
	height: fit-content;
	min-height: 10rem;
	display: flex;
	flex-direction: column;
	max-width: 100%;
	padding-left: var(--global-padding-left);

	.logo {
		max-width: fit-content;
		float: left;
		margin: 40px 10px 10px 10px;

		svg {
			transition: filter 0.5s;
		}

		&:hover svg {
			filter: drop-shadow(3px 3px 1px var(--foreground-colour));
		}
	}

	.navspacer {
		&:after {
			font-family: monospace;
			content: " | ";
			text-decoration: none;
		}

		&:hover:after {
			content: " ┇ ";
		}

		&:last-of-type:after {
			content: "";
		}
	}
}

#about-border {
	width: 100%;
	height: 4rem;
	margin: 20px 0px;
	mask-image: url("/spacer-bar.svg");
	background-color: var(--foreground-colour);
	opacity: 30%;
}