@font-face {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 400;
  font-style: normal;
  src: url('fonts/AtkinsonHyperlegibleNext-Regular.otf') format('opentype');
}

@font-face {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 700;
  font-style: normal;
  src: url('fonts/AtkinsonHyperlegibleNext-Bold.otf') format('opentype');
}

 @font-face {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 400;
  font-style: italic;
  src: url('fonts/AtkinsonHyperlegibleNext-RegularItalic.otf') format('opentype');
}

 @font-face {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 700;
  font-style: italic;
  src: url('fonts/AtkinsonHyperlegibleNext-BoldItalic.otf') format('opentype');
}

@font-face {
	font-family: 'Iosevka Aile';
	font-display: swap;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	src: url('fonts/iosevka-aile-regular.woff2') format('woff2'), url('fonts/iosevka-aile-regular.woff') format('woff'), url('fonts/iosevka-aile-regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Iosevka Aile';
	font-display: swap;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	src: url('fonts/iosevka-aile-semibold-subset.woff2') format('woff2'), url('fonts/iosevka-aile-semibold-subset.woff') format('woff'), url('fonts/iosevka-aile-semibold-subset.ttf') format('truetype');
}


@font-face {
	font-family: "Iosevka Sparkle";
	src: url('fonts/iosevka-sparkle-regular.woff');
}


p, ul {
	font-family: 'Atkinson Hyperlegible', sans-serif;
	margin-bottom: 0.5em;
}

header, footer, div.page {
    max-width: 740px;
    margin: 0 auto;
    padding: 20px 15px;
}

footer {
	font-family: 'Iosevka Aile';
	font-size: 0.75em;
}



header > h1 {
	text-align: center;
	/* font-size: 3em; */
	color: black;
	font-family: 'Iosevka Aile';
}


header {
	font-family: 'Iosevka Aile';
}


h1, h2, h3, h4, h5, h6 {

	font-family: 'Iosevka Aile';
	margin-bottom: 0.25em;

}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-weight: 600;
}

h5 {
	font-style: italic;
}

ul, ol {
	padding-left: 20px;
}

ul {
	list-style: symbols(cyclic '—');
}

ul ul {
	list-style: symbols(cyclic '–');

}

blockquote {
	margin-left: 40px;
	background-color: rgb(240, 240, 240);
	border-left: 2px solid lightgray;
	padding-left: 5px;
	font-style: italic;
}

table {
	  border-collapse: collapse;
  border-style: hidden;

}


th {
	font-family: 'Iosevka Aile';
	border-bottom: 1px solid lightgrey;
}

td, th {
	padding: 0 5px 0 5px;
	border-right: 1px solid lightgrey;
}

code, pre {
	font-family: 'Iosevka Extended', 'Menlo', monospace;
}