main {
	background-color: var(--color-red);
}

.page-title {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;

	margin-bottom: 2rem;

	width: 100%;
}

.page-title .text {
	font-family: inherit;
	font-size: 5rem;

	padding: 0 4vw;

	white-space: nowrap;

	color: var(--color-red);
	background-color: white;

	flex: 1;
	flex-basis: 1;
	flex-grow: 0;
	flex-shrink: 0;
}

.page-title .decoration-line {
	background-color: white;
}

#people-list .square-tile {
	background-color: white;
	color: var(--color-red);
}

a.square-tile:hover span::before {
	transform: scaleX(1);
}

#people-list .square-tile :is(.name, .surname) {
	font-family: "Dela Gothic One";
}

@media screen and (width < 1140px) {
	.page-title {
		column-gap: 0;
	}
}