html, body {
	top: unset;
	left: unset;
	bottom: unset;
	right: unset;
	position: static;
}
body {
	background-color: #333333;
}
p, a, h1, h2, h3, h4, h5, h6, button, th, td, li {
	font-weight: 300;
	font-family: 'Yantramanav', 'Exo', sans-serif;
	color: #FFFFFF;
}
p, a, th, td {
	font-size: 1.2em;
}
a {
	text-decoration: none;
}
table {
	width: 100%;
	border-spacing: 0;
}
html::-webkit-scrollbar-track {
	background-color: #333333;
}

.headerContainer {
	display: unset;
}

.bodyContainer {
	width: 100vw;
	height: 100%;
	padding-top: 60px;
	display: table-cell;
}

.categoryHeader {
	width: calc(100% - 84px);
	margin: 40px;
	text-align: center;
	font-size: 1.4em;
	border: 2px solid #1B2E4C;
}
.categoryHeader h2 {
	margin: 10px;
	font-size: 1.5em;
}
.helpContainer {
	max-width: 1090px;
	margin: 0 auto;
	/*padding: 0 20px;*/
}
.helpContainer.helpContainerSingle {
	max-width: 360px;
}
.helpBlock {
	width: 320px;
	height: 520px;
	margin: 0 20px 40px;
	display: inline-block;
	vertical-align: top;
}
.helpBlock table tr th {
	height: 40px;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.25em;
	background-color: #1B2E4C;
}
.helpBlock table tr td {
	padding: 5px 10px;
}
.helpBlock table tr td ul {
	margin: 0;
}
.helpBlockHeader {
	font-size: 1.25em;
}
.helpBlockFlexible {
	height: unset;
}

.blockContent {
	flex-grow: 1;
}
.roleset .blockContent {
	flex-grow: unset;
}

.contentCards {
	max-width: 1080px;
}

.card {
	min-height: 500px;
	margin: 0 20px 40px;
	text-align: left;
	background-color: transparent;
}
.card h3 {
	padding: 10px;
	font-size: 20px;
	text-align: center;
}

#villager {
	background-color: #BCA664;
}
#werewolf {
	background-color: #6E101A;
}
#seer {
	background-color: #AD3C8F;
}
#witch {
	background-color: #C42209;
}
#cupid {
	background-color: #0895E3;
}
#thief {
	background-color: #6CA88E;
}
#slut {
	background-color: #261E3D;
}
#hunter {
	background-color: #364624;
}
#actor {
	background-color: #845496;
}
#angel {
	background-color: #003A60;
}
#bear {
	background-color: #67381F;
}
#bigBadWolf {
	background-color: #1D1C21;
}
#healer {
	background-color: #BDCC76;
}
#idiot {
	background-color: #F2AEB2;
}
#maid {
	background-color: #FF4684;
}
#primalWolf {
	background-color: #B0A89D;
}
#rustyKnight {
	background-color: #B53A22;
}
#wildOne {
	background-color: #75000F;
}

@media screen and (max-width: 730px) {
	.headerContainer h1 {
		display: none;
	}
	.card {
		min-height: auto;
		flex-grow: 1;
	}
}