@import "defs";

.team {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 16px
}

.team_box {
	max-width: 434px;
}

.team_box-img_wrap {
	float: left;
}

.team_box-text {
	display: inline;
}

.team_box-text-spacer {
	height: 32px;
}

.team_box-img {
	// 70% ~= 1/sqrt(2)
	mask-image: radial-gradient(circle, #000 69%, transparent 70%);
	width: 160px;
	margin-right: 16px;
}

.team_box-title {
	font-family: Amatic;
	font-size: 200%;
}

.team_box-subtitle {
	font-family: Amatic;
	font-size: 150%;
	color: $violet;
}