@charset "UTF-8";

@font-face {
	font-family: "KingsGarden";
	src: url("webfonts/2CFB01_2_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2CFB01_2_0.woff2") format("woff2"), url("webfonts/2CFB01_2_0.woff") format("woff"), url("webfonts/2CFB01_2_0.ttf") format("truetype");
}

@font-face {
	font-family: "KingsGarden-Light";
	src: url("webfonts/2CFB01_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2CFB01_0_0.woff2") format("woff2"), url("webfonts/2CFB01_0_0.woff") format("woff"), url("webfonts/2CFB01_0_0.ttf") format("truetype");
}

@font-face {
	font-family: "KingsGarden-Bold";
	src: url("webfonts/2CFB01_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2CFB01_1_0.woff2") format("woff2"), url("webfonts/2CFB01_1_0.woff") format("woff"), url("webfonts/2CFB01_1_0.ttf") format("truetype");
}

@font-face {
	font-family: "Japoneh";
	src: url("webfonts/2CF787_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2CF787_0_0.woff2") format("woff2"), url("webfonts/2CF787_0_0.woff") format("woff"), url("webfonts/2CF787_0_0.ttf") format("truetype");
}

html, body {
	color: Black;
}

h1 {
	font-family: "Japoneh";
	font-size: 300%;
	margin-top: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	color: Brown;
}

ul.class-info {
	margin-top: 0em;
	margin-left: -2.5em;
	list-style-type: none;
	z-index: 1;
}

ul.class-info li {
	text-indent: -2em;
	padding-left: 2.3em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

ul.class-info li:nth-child(odd) {
	background-color: LavenderBlush;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0em;
	min-width: 56em;
}

table thead tr th {
	padding-left: 0.25em;
	padding-right: 0.25em;
	vertical-align: bottom;
}

table thead tr:first-child th {
	padding-top: 0.25em;
}

table tbody tr td {
	font-family: monospace;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
	z-index: -1;
}

table tbody tr:nth-child(odd) {
	background-color: Pink;
}

col:nth-child(odd) {
	background-color: LavenderBlush;
}

table.character-class tbody tr td:first-child {
	text-align: right;
}

table.character-class tbody tr td:nth-child(3) {
	text-align: left;
}

table.class-features tbody tr td:last-child {
	text-align: left;
}



.footer {
	font-family: "KingsGarden";
	font-size: 2000%;
	position: absolute;
	top: -0.3em;
	right: 0.1em;
	z-index: 1;
	color: Pink;
}

ul.class-nav {
    list-style: none;
    display:table;
	margin-left: 0em;
	padding-left: 0em;
	width: 100%;
}

ul.class-nav li {
    display: table-cell;
    vertical-align:left;
    text-align:center;
	white-space:nowrap;
}

ul.class-nav li a {
	display: block;
	color: black;
	text-align: center;
	text-decoration: none;
	padding-right: 0.8em;
	padding-left: 0em;
	font-family: "Japoneh";
	color: Brown;
}

ul.class-nav li a:hover {
	color: Crimson;
}