section, main {
	padding: 30px 20px;
	text-align: center;
}

.hero {
	padding-top: 60px;
}

.hero > h2 {
	color: var(--clr-neutral-400);
	font-weight: 500;
}

.titleXL {
	margin: 0;
}

.desc {
	font-size: 1.2rem;
}

.params svg-icon {
	margin-right: .5rem;
	color: var(--clr-primary-500);
}

.params ul {
	text-align: left;
	width: fit-content;
	border: 1px solid var(--clr-neutral-800);
	border-radius: 7px;
	padding: 20px 30px;
	margin-inline: auto;
	transition: 300ms;
	cursor: pointer;
}

.params ul:hover {
	border: 1px solid var(--clr-neutral-600);
}

.params ul li {
	margin-block: 8px;
	list-style: none;
	font-size: 1.2rem;
}

.members {
	margin-top: 10px;
	display: grid;
	gap: 1rem;
	place-content: center;
	grid-template-columns: 1fr 1fr 1fr;
	max-width: 1000px;
	margin-inline: auto;
}

.member {
	background: #161616;
	border-radius: 7px;
	padding: 15px 20px;
	text-align: left;
	min-width: 400px;
}

.member .pfp {
	float: left;
	width: 60px;
	aspect-ratio: 1;
	object-fit: cover;
	object-position: center;
	border-radius: 50%;
	margin-block: auto;
	margin-right: 15px;
}

.member h2 {
	margin: 0;
}

.member a {
	text-decoration: none;
	color: var(--clr-neutral-400);
}

.member a:hover {
	color: var(--clr-neutral-500);
}

.outline {
	-webkit-text-stroke: 2px var(--secondary);
	-webkit-text-fill-color: transparent;
	text-wrap: nowrap;
}

@media only screen and (max-width: 1400px) {
	.members {
		margin-top: 10px;
		display: grid;
		grid-template-columns: repeat(2, 350px);
		gap: 1rem;
		place-content: center;
	}

	.member:nth-child(1) {
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}

	.member:nth-child(2) {
		grid-column: 2 / span 1;
		grid-row: 1 / span 1;
	}

	.member:nth-child(3) {
		grid-column: 1 / span 2;
		grid-row: 2 / span 1;
	}

	.member {
		min-width: unset;
	}
}

@media only screen and (max-width: 900px) {
	.members {
		display: flex;
		flex-direction: column;
	}

	.member {
		min-width: unset;
	}
}