.page-container {
	@apply overflow-hidden;
	$margin: 20px;

	h1.titling-construction {
		@apply mx-auto text-4xl;
	}
	.screen {
		@apply flex flex-col justify-center items-center relative overflow-hidden;
		@apply bg-lhoist;
		height: calc(99.8dvh - $margin * 2);
		width: calc(100% - $margin * 2);

		margin: $margin auto 0 auto;
	}
	h2.screen-subtitle {
		@apply text-6xl mt-4 mb-12;
	}
	.screen {
		&__content {
			@apply text-center pt-12 px-16 w-fit mx-auto h-auto overflow-visible relative;

			padding-bottom: -100px;

			background-image: url("../../img/mask.svg");
			background-position: center;
			background-size: cover;
		}
	}
}
