.about-me-block {
	display:flex;

	max-width:840px;
	margin:128px auto;

	background:light-dark(var(--light-main-bg), var(--dark-main-bg));
	box-shadow:16px 16px 0 light-dark(var(--light-main-text), var(--dark-main-text));
}

.about-me-text {
	flex:1.5;

	text-align:left;
	padding:24px;
}

.about-me-image {
	flex:1;
	min-height:256px;

	background-image:url("/img/portrait.png");
	background-position-x:center;
	background-position-y:16%;
}

@media (max-width:640px) {
	.about-me-block {
		flex-direction: column-reverse;
		margin:64px 16px;
	}

	.about-me-image {
		max-height:64px;
	}
}