website/css/projects.css

.content h1 {
	text-align: center;
	margin-bottom: 2rem;
}

.projects {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}

.projects img {
	max-width: 100%;
	display: block;
}

.card {
	display: flex;
	border: 1px solid red;
	border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	width: min(40rem, calc(100% - 1rem));
}

.card .card_text > * {
	margin: 1rem;
}

.card > * {
	flex-basis: 100%;
}

.card .card_left {
	border: 1px solid green;
}

.card .card_right {
	border: 1px solid yellow;
}

.technologies {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.technologies span {
	border: 1px solid white;
	padding: .5rem;
	border-radius: 5px;
}