@font-face {
font-family: charter;
font-style: normal;
font-weight: normal;
font-stretch: normal;
src: url('charter_regular.woff2') format('woff2');
}

@font-face {
font-family: charter;
font-style: italic;
font-weight: normal;
font-stretch: normal;
src: url('charter_italic.woff2') format('woff2');
}

@font-face {
font-family: charter;
font-style: normal;
font-weight: bold;
font-stretch: normal;
src: url('charter_bold.woff2') format('woff2');
}

@font-face{
font-family:iAWriterDuo;
font-style: normal;
font-weight: normal;
font-stretch: normal;
src:url(iAWriterDuoS-Regular.woff2) format('woff2');}
	
@font-face {
font-family:iAWriterDuo;
font-style: italic;
font-weight: normal;
font-stretch: normal;
src:url(iAWriterDuoS-Italic.woff2) format('woff2');}

@font-face {
font-family:iAWriterDuo;
font-style: normal;
font-weight: bold;
font-stretch: normal;
src:url(iAWriterDuoS-Bold.woff2) format('woff2');}
		
body  { 
	width: 640px;
	max-width: 90%;
	margin: 64px auto;
	font-family: Charter, serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #3D3D3D;
	background-color: #F8F7F5;
}

a {
	color: #409614;
	font-weight: bold;
	text-decoration: none;
}

header {
	font-family:iAWriterDuo, system-ui;
	font-size: 13px;
	line-height: 1.5;
	margin: 16px 0 48px 0;
	color: #6B6B6B;
}

h1 {
	font-size: 32px;
	line-height: 1.175;
	font-weight: 600;
	margin: 48px 0 32px 0;
}

h2 {
	font-size: 16px;
	line-height: 1.25;
	font-weight: 600;
	margin: 32px 0 16px 0;
}

blockquote {
	border-left: 2px solid #E6E4E1;
	padding-left: 24px;
	margin : 0;
}

footer {
	font-family:iAWriterDuo, system-ui;
	font-size: 13px;
	line-height: 1.5;
	margin: 64px 0;
}