:root {
	--font-family: 'Crimson', 'Minion Pro', 'serif';
	--font-size: 24px;
}

body {
	min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'IM Fell DW Pica';
	text-align: center;
}

body > header {
	background-image: url('../images/todd-trapani-QldMpmrmWuc-unsplash.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top 65% center;
	--mask: linear-gradient(to bottom, 
		rgba(0,0,0, 1) 0,   rgba(0,0,0, 1) 70%, 
		rgba(0,0,0, 0) 100%, rgba(0,0,0, 0) 0
	) 100% 50% / 100% 100% repeat-x;
	mask: var(--mask);
	-webkit-mask: var(--mask);
}

body > footer {
	height: 10rem;
	background-image: url('../images/todd-trapani-QldMpmrmWuc-unsplash.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom 30% center;
	--mask: linear-gradient(to bottom, 
		rgba(0,0,0, 0) 0,   
		rgba(0,0,0, 1) 70%, 
		rgba(0,0,0, 1) 100%, 
		rgba(0,0,0, 0) 0
	) 100% 50% / 100% 100% repeat-x;
	mask: var(--mask);
	-webkit-mask: var(--mask);
}

body > header hgroup h1 {
	font-style: italic;
}

body > header hgroup p:last-child {
	text-align: center;
	color: var(--h1-color);
	font-weight: 600;
}

main section:after {
	display: block;
	margin-top: var(--block-spacing-vertical);
	content: "✿";
	color: var(--color-muted);
	font-size: 1rem;
	text-align: center;
}

.center {
	text-align: center;
}

.semibold {
	font-weight: 600;
}

::-moz-selection {
    background: #ffbf00;
}
::selection {
    background: #ffbf00;
}