body {
	min-height: 100%;
	background-image: url(../images/background.png);
	background-size: 100% auto;
	background-repeat: repeat-y;
	background-attachment: fixed;
	--h-pad: 40px;
	--shadow: 2px 4px 10px #0006;
}

c {
	color: var(--color-primary);
}

.shadow {
	filter: drop-shadow(var(--shadow));
}

.container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.title::first-letter {
	color: var(--color-primary);
}

.dual {
	display: grid;
	grid-template-columns: var(--div1, 1fr) var(--div2, 1fr);
	align-items: center;
	gap: 30px;
}

main {
	padding: 50px var(--h-pad);
}

section {
	padding: 50px var(--h-pad);
	backdrop-filter: blur(3px);
}

section h2 {
	padding-left: 10px;
	border-left: 6px solid;
	margin-bottom: 30px;
}

ul.dot {
	list-style-type: disc;
}

ul.dot>li {
	margin-left: 15px;
}

ul.cols-2 {
	columns: 2;
	column-gap: 30px;
}

.spaced {
	line-height: 180%;
}

@media (max-width:500px) {
	body {
		--h-pad: 20px;
	}

	.dual {
		grid-template-columns: 1fr;
	}

	ul.cols-2 {
		columns: 1;
	}
}