body {
	background-color: white;
	line-height: 1.4;
	border-top: 3px solid var(--primary-color);
}
#body {
	max-width: 100%;
	padding: 0px;
	margin: 0px;
}

section {
	padding: var(--sl-spacing-x-large) var(--sl-spacing-small);
}

.content {
	max-width: 500px;
	margin: 0 auto;
}

.heading.title {
	font-weight: bold;
	text-align: center;
	display: block;
	margin: var(--sl-spacing-2x-large) 0px;
	font-size: 2.9rem;

}

#intro {
	padding-top: var(--sl-spacing-x-small);
	background-color: var(--supporting-peach);
}
#intro .well {
	background-color: white;
	padding: var(--sl-spacing-2x-small) var(--sl-spacing-medium);
	border-radius: 4px;
	text-align: center;
}

#rules {
	padding-top: var(--sl-spacing-2x-large);
	padding-bottom: var(--sl-spacing-2x-large);
}
.li-header {
	font-weight: bold;
	margin-bottom: 0px;
}
#rules li p:not(.li-header) {
	margin-top: 0.5rem;
}

#webapp {
	background-color: var(--supporting-cyan);
}
#login-area {
	display: flex;
	flex-direction: column;
	gap: var(--sl-spacing-x-small);
	max-width: 300px;
	margin: var(--sl-spacing-large) auto 0px auto;

}