.projectList {
	display: flex;
	flex-direction: column;
}
.projectContent {
	display: flex;
	flex-direction: row;
	padding: var(--padding);
	margin: calc(var(--margin) * 2);
	background: rgba(80, 255, 200, 0.28);
	border-radius: var(--round);
}
.projectImage {
	width: 28%;
	min-width: 16rem;
	flex-shrink: 0;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
@media (max-width: 48rem) {
	.projectContent {
		flex-direction: column;
	}
	.projectImage {
		width: 100%;
	}
}
.projectImage>img {
	width: 100%;
	object-fit: contain;
	border-radius: var(--round);
}
.projectHead {
	font-size: 1.8rem;
	margin-bottom: var(--margin);
	font-weight: 600;
}
.projectDescription {
	flex-grow: 1;
	white-space: pre-line;
	margin-bottom: var(--margin);
}
.projectText {
	font-size: 1.2rem;
	flex-grow: 1;
	padding: calc(var(--padding));
	margin-left: var(--margin);
	display: flex;
	flex-direction: column;
}