ulovliglogning.dk/_scss/module/_indexpage.scss

section {
	min-height: 100vh;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	background-color: $background-primary;
	background-image: linear-gradient(
		to left bottom, 
		$background-primary 49%, 
		$background-alternative 50%
	);
	background-size: 100% 30px;
	background-repeat: no-repeat;
	background-position: bottom;

	&:nth-of-type(even) {
		background-color: $background-alternative;
		background-image: linear-gradient(
			to left bottom, 
			$background-alternative 49%, 
			$background-primary 50%
		);
	}
	&:last-of-type {
		background-image: none;
	}
}

section {
	.paragraphs {
		margin-bottom: 3rem;
		h3, p {
			max-width: 600px;
			font-family: 'Roboto', sans-serif;
		}
		p + h3 {
			margin-top: 50px;
		}
	}

	&#intro {
		h1 {
			margin: 8rem 0 3rem;
		}
	}

	&#faq {
		.paragraphs {
			column-count: unset;
		}
		ul {
			list-style-type: none;
			li {
				display: block;
				margin: 4rem 300px 0 0;
				&:nth-child(even) {
					margin: 4rem 0 0 300px;
				}
				@media screen and (max-width: $screen-phone) {
					&, &:nth-child(even) {
						margin: 4rem 0 0;
					}
				}
				&:first-child {
					margin-top: 0;
				}
			}
		}
	}
}