.scroll-container {
	scroll-snap-type: y mandatory;
	overflow-y: scroll;
	height: 100vh;
	scroll-behavior: auto;
}

.section-1,
.section-2,
.section-3,
.section-4 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100vh;
}

section:nth-of-type(odd) {
	background: rgba(255, 255, 255, 1);
}

section p {
	font-size: calc(2.8rem + 0.9vw);
}

section:nth-of-type(even) {
	color: white;
}

section {
	scroll-snap-align: start;
}