.about {
	background-color: var(--color-primary-dark-heavy);
	box-shadow: 0 0 2rem .8rem color-mix(in srgb, var(--color-primary), transparent 90%);

	padding: var(--padding-block);
}

.about__text {
	font-size: var(--font-size-text);
	text-align: center;
	line-height: 1.5;

	padding: calc(var(--padding-content) * 2);
}

@media (width >=90em) {
	.about {
		--width-float: 65%;

		overflow: auto;
	}

	.about__text:nth-child(even) {
		text-align: left;

		width: var(--width-float);
		float: left;
		clear: right;
	}

	.about__text:nth-child(odd) {
		text-align: right;

		width: var(--width-float);
		float: right;
		clear: left;
	}
}