@font-face {
	  font-family: "Funtauna";
 	 src: url('Funtauna.woff') format('woff'),
	  src: url('Funtauna.otf') format('otf'),
	}

@font-face {
	font-family: 'Computer Modern Serif';
	src: url('fonts/cmunrm.eot');
	src: url('fonts/cmunrm.eot?#iefix') format('embedded-opentype'),
		 url('fonts/cmunrm.woff') format('woff'),
		 url('fonts/cmunrm.ttf') format('truetype'),
		 url('fonts/cmunrm.svg#cmunrm') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Computer Modern Serif';
	src: url('fonts/cmunbx.eot');
	src: url('fonts/cmunbx.eot?#iefix') format('embedded-opentype'),
		 url('fonts/cmunbx.woff') format('woff'),
		 url('fonts/cmunbx.ttf') format('truetype'),
		 url('fonts/cmunbx.svg#cmunbx') format('svg');
	font-weight: bold;
	font-style: normal;
}


@font-face {
	font-family: 'Computer Modern Serif';
	src: url('fonts/cmunti.eot');
	src: url('fonts/cmunti.eot?#iefix') format('embedded-opentype'),
		 url('fonts/cmunti.woff') format('woff'),
		 url('fonts/cmunti.ttf') format('truetype'),
		 url('fonts/cmunti.svg#cmunti') format('svg');
	font-weight: normal;
	font-style: italic;
}


@font-face {
	font-family: 'Computer Modern Serif';
	src: url('fonts/cmunbi.eot');
	src: url('fonts/cmunbi.eot?#iefix') format('embedded-opentype'),
		 url('fonts/cmunbi.woff') format('woff'),
		 url('fonts/cmunbi.ttf') format('truetype'),
		 url('fonts/cmunbi.svg#cmunbi') format('svg');
	font-weight: bold;
	font-style: italic;
}
	
:root {
	color-scheme: light dark; /* both supported */
	}
	
	body {
	background-color: #eae8e5;
	color: #424d51;
	line-height: 80%;
	font-size: 1em;
	}
	
	code, article, nav {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 640px;
	font-family: 'Computer Modern Serif';

	}
	
	article {
	font-size: 1.4em;
	line-height: 200%;
	text-align: justify;
	}
	
	.logo {
		display: block;
		  margin-left: auto;
		  margin-right: auto;
		  margin-bottom: 5em;
		  margin-top: 2em;
		  max-width: 25vw;
	}
	
	img {
		display: block;
		margin-left: auto;
		  margin-right: auto;
		  width: 100%;
		  margin-bottom: 1em;
		  
	}
	
	
	
	h1 {
	color: #2c2f2e;
	font-size: 1.6em;
	margin-bottom: 0.4em;
	font-family: 'Computer Modern Serif', bold, italic;
	text-align: center;
	}
	
	article h2 {

text-align: center;
margin-top: 2em;
font-size: 1.6em;
	
	}
	
	article h3 {
margin-top: 2em;
font-size: 1.4em;
		
		}
	
	.full-width {
		  width: 100vw;
		  position: relative;
		  left: 50%;
		  right: 50%;
		  margin-left: -50vw;
		  margin-right: -50vw;
		}
		
		.ts {
			  width: 320px;
			  margin: auto;
			  display: block;			  
		  }
	
	a {
	color: #777;
	text-decoration: underline;	
	}
	
	
nav {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 4em;
	
	
}
	
	b {
	color: black;
	}
	
	
	.center {
		
		text-align: center;
		}	
		
	.notes {
		opacity: 50%;
		text-align: left;
			
		}
		
	.cite {
			font-family: 'Funtauna';
			font-size: 2.2em;
			text-align: center;
			line-height: 120%;
			
		}
		
	.citex {
			font-family: 'Funtauna';
			font-size: 1.5em;
			text-align: left;
			line-height: 120%;
			
		}
	
	.citey {
			font-family: 'Funtauna';
			font-size: 1.5em;
			text-align: justify;
			line-height: 120%;
			
		}
	
	h2 {
	font-size: 1.3em;
	margin: 0;
	font-size: 1.1em;
	font-family: 'Computer Modern Serif';
	margin-bottom: 0.5em;
	}
	
	h5 {
		text-align: center;
	font-size: 1em;
	color: #777;
	font-family: 'Computer Modern Serif', normal, italic;


	}
	
	footer {
	font-size: 0.7em;
	text-align: center;
	margin-bottom: 2em;
	font-family: 'Computer Modern Serif';
	color: #777777;

		
	}
	
	/* 
::before {
	content: ' by '; */
	}
	
	
	@media (prefers-color-scheme: dark) {
	/* defaults to dark theme */
	body {
		background-color: #002B36;
		color: #AAA;
	}
	b {
		color: #FFF;
	}
	span, code code, article code, pre {
		background-color: #083642;
	}
	nav a {
		color: white;
	}
	
	h1, h2 {
		color: white;
		
	}
	
	body.accessibility {
		background-color: #292929;
	}
	
	
	body.accessibility article {
		color: white;
	}
	
	body.accessibility h1 {
		color: white;
	}	
	}
	
	@media print {
	body {
		background-color: white;
	}
	
	body article {
		color: black;
	}
	
	body h1 {
		color: black;
	}
	
	.back, .accessibilityToggle {
		display: none;
	}
	}