main {
	grid-area: content;

	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: flex-start;

	font-size: 1.3rem;
}

main div#content {
	width: 77rem;
	padding: 2rem 0;

	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: flex-start;
}

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

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

main .page-title {
	font-size: 5rem;
	font-family: "Dela Gothic One";

	color: var(--color-red);

	white-space: nowrap;
}

@media screen and (width < 1150px) {
	main
	{
		min-height: calc(100vh - 5rem);
	}

	main div#content {
		padding: 2vh 2vw 6vh 2vw;

		width: 100%;
	}

	main .page-title {
		font-size: 2.5rem;

		text-align: center;

		white-space: wrap;
	}

	main .page-title .text {
		font-size: 3rem !important;

		white-space: wrap;
	}
}