@import url(./SETTINGS.css);

header {
	background: var(--head-gradient-top-color);  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, var(--head-gradient-top-color), var(--head-gradient-bottom-color));  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, var(--head-gradient-top-color), var(--head-gradient-bottom-color)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	height: 500px;
	margin-top: 5px;

	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

header h1 {
	font-size: var(--head-title-font-size);
	font-family: var(--head-title-font);
	color: var(--head-title-color);
}

header h1 #uline {
	border-bottom: 5px dotted var(--head-title-color);
	color: var(--head-title-color);
}

header h3 {
	margin: 25px 0px 25px 0px;
	font-size: var(--head-subtitle-font-size);
	font-family: var(--head-subtitle-font);
	color: var(--head-subtitle-color);
}

main {
	width: 60%;
	margin: auto;
	margin-top: var(--main-top-shift);
}

main h1 {
	font-size: var(--default-header-size);
	margin-bottom: 10px;
	width: 100%;
	font-family: var(--default-sans-font);
}

main section:nth-child(even) h1, main section:nth-child(even) p {
	text-align: right;
}

main p {
	font-size: var(--default-paragraph-size);
	line-height: var(--default-paragraph-lineheight);
}

main section {
	margin-top: var(--main-section-top-spacing);
	margin-bottom: var(--main-section-bottom-spacing);
}