/* StyleSheet created by Fantasai */

	@font-face {
		font-family: Sawasdee;
		src: local("Sawasdee"), url('../fonts/Sawasdee.ttf') format('truetype');
	}
	@font-face {
		font-family: Sawasdee;
		font-weight: bold;
		src: local("Sawasdee Bold"), url('../fonts/Sawasdee-Bold.ttf') format('truetype');
	}
	@font-face {
		font-family: Sawasdee;
		font-style: oblique;
		src: local("Sawasdee Oblique"), url('../fonts/Sawasdee-Oblique.ttf') format('truetype');
	}
	@font-face {
		font-family: Sawasdee;
		font-weight: bold;
		font-style: oblique;
		src: local("Sawasdee Bold Oblique"), url('../fonts/Sawasdee-BoldOblique.ttf') format('truetype');
	}

/* General Styles */

body {
	background: #e3eaef;
	color: black;
	font-family: sans-serif;
	line-height: 1.5;}
[lang]:lang(ja), [lang]:lang(zh), [lang]:lang(ko) {
	line-height: 1.7;}
.page {
	background: white;
	color: black;
	max-width: 50em;
	padding: 0 3% 3%;
	border: 1px solid #000000;
	box-shadow: 0 0 3px;
	margin: 0 auto}

:link {
	background: white;
	color: #708090;}
:visited {
	background: white;
	color: #444444;}
:link:active {
	color: #FFFF00;
	text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {
	font-family: Sawasdee, Century Gothic, sans-serif;
	line-height: normal;
}

h1 {
	text-align: center;
	margin: 1.5em 0 0; }

h1 :link, h1 :visited,
h2 :link, h2 :visited,
h3 :link, h3 :visited,
h4 :link, h4 :visited {
	color: inherit;
	font: inherit;
	text-decoration: none;
	display: block; }
h1 :link:hover, h1 :link:focus,
h2 :link:hover, h2 :link:focus,
h3 :link:hover, h3 :link:focus
h4 :link:hover, h4 :link:focus {
	color: #708090;}

h1 :visited:hover, h1 :visited:focus,
h2 :visited:hover, h2 :visited:focus,
h3 :visited:hover, h3 :visited:focus,
h4 :visited:hover, h4 :visited:focus {
	color: #444444;}

h1 :any-link:hover::after, h1 :any-link:focus::after,
h2 :any-link:hover::after, h2 :any-link:focus::after,
h3 :any-link:hover::after, h3 :any-link:focus::after,
h4 :any-link:hover::after, h4 :any-link:focus::after {
	content: " " attr(href);
	position: absolute;
	white-space: pre;
	font-weight: normal;
	font-size: 70%;
	color: #888; }

/* General Markup */

code {
	background: white;
	color: #333; }

samp {
	border: 1px silver solid;
	padding: 0.05em 0.1em 0.1em;
	font-size: 0.9em; }

.epigraph {
	margin: 1em;}
.epigraph q {
	display: block;
	margin: 0 .5em;
	text-indent: -0.5em;
	font-style: italic;}
.epigraph q:before {
	content: "\201C";}
.epigraph q:after {
	content: "\201D";}
.epigraph .attribution {
	margin: 0 1em;
	font-style: normal;}

blockquote {
  margin: 1em 0;
  padding: 0.7em;
  border: solid thin silver;
	font-size: 0.9em;}

.act {
	color: gray }

.break {
	display: block;
	height: 0;
	margin: 0.5em;
	border: none;}

.block {
	display: block;
	margin: 0.2em auto;
	text-align: center;}

/* Text Navigation Bar: nav */

.nav {
	text-align: center;}

.footer {
	margin: 1em;}

hr {
	border: none;
	height: 0;
	border-bottom: 1px solid;
	width: 67%;
	margin: 1.5em auto;
}

/* Figures */


	iframe {
		width: 100%;
		margin: 1em 0;
		height: 30vh;
		border: none;
		box-shadow: 1px 1px 2px;
	}