@font-face {
	font-family: "Source";
	src: url("Source Serif 4 Regular.woff2") format("woff2"),
		 url("Source Serif 4 regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Source";
	src: url("Source Serif 4 Italic.woff2") format("woff2"),
		 url("Source Serif 4 Italic.woff") format("woff");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Source";
	src: url("Source Serif 4 Bold.woff2") format("woff2"),
		 url("Source Serif 4 Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Source";
	src: url("Source Serif 4 Bold Italic.woff2") format("woff2"),
		 url("Source Serif 4 Bold Italic.woff") format("woff");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Baskervville";
	src: url("Baskervville Regular.woff2") format("woff2"),
		 url("Baskervville Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Commit";
	src: url("Commit.woff2") format("woff2"),
	font-display: swap;
}

body {
	font-family: "Source", serif;
	background: #faf9f7;

	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	
	overflow-wrap: break-word;
	text-align: justify;
	text-justify: inter-word;
}

main {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1in;
	max-width: 450px;
	overflow-wrap: break-word;
}

h1, h2, h3 {
	font-family: "Baskervville", "Source", serif;
}

pre, code {
	font-family: "Commit", monospace;
	border: 1px solid black;
	background: #f0f4f5;
}

code {
	font-size: 0.82em;
}

pre {
	font-size: 0.96em;
	padding: 4px;
}

pre code {
	border: none;
}

a {
	text-decoration: 1px dotted underline;
	color: green;
}