@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap');
.logo {font-family:"Crimson Pro"; font-weight: bold;}
html {
	background-color: #D3C5B6;
}
body {
	background-color: white;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}
header {
	position: relative;
	z-index: 1;
	button {position: absolute; top: 0; left:0; width:100%; height: 100%;
		font-size: 3em; color:white; background-color:rgba(0,0,0,0.5); border: none;
	}
}
main {
	background-color: white; color: #686154; padding: 1em;
	section {padding: 1em;}
	article {padding: 1em;}
	h1 {margin: 1em 0;}
	h2 {margin: 0.5em 0; font-size: 1.4rem;}
	h2 {border-left: 0.5em solid; border-bottom: 1px solid;}
	h3 {margin: 0.5em 0; font-size: 1.2rem;}
	h3 {text-decoration: underline; text-decoration-style: dotted;}
	p {line-height: 2; max-width: 600px; padding-left: 1em;}
}