@font-face {
	font-family: "Alegreya";
	src: url('../fonts/Alegreya-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "Alegreya";
	src: url("../fonts/Alegreya-Italic.ttf") format('truetype');
	font-weight: normal;
	font-style: italic
}
@font-face {
	font-family: "Alegreya";
	src: url("../fonts/Alegreya-Bold.ttf") format('truetype');
	font-weight: bold;
	font-style: normal
}

body {max-width: 50em; padding-bottom: 50px; background-color: #fff; margin: 0 auto}
p {text-align: justify; font-family: Alegreya, serif}
li {font-family: Alegreya, serif}
h1, h2, h3 {font-family: sans-serif}
.title, .author, .date {text-align: center}
.author {color: #008}
.date {color: #888; font-weight: lighter}
header {border-bottom: solid 1px #aaa}
footer {background: #444; color: #eff; padding: 5px; position: fixed; left: 0px; bottom: 0px; height: 4ex; width: 100%}
footer a {text-decoration: none; color: #def; padding:1ex; font-family: sans-serif}
.caption {font-size: small}
.figure {margin: 10px; padding: 10px; border: solid 1pt #888}
.figure img {display: block; margin: 0 auto}
blockquote { font-style: italic; }
table{border-collapse:collapse;margin:5px;border:1px solid #ddd}
th{background-color:#ddd;font-family:sans-serif;font-weight:bold; padding:1ex}
tr:nth-child(odd){background-color:#eee}
td{padding:5px;border-left:1px solid #ddd}
.hide {display: flex}
.hide .hide-item {transform: scale(0)}
.hide:hover .hide-item, .hide:focus .hide-item {transform: scale(1)}