* {
	font: 20px Ubuntu;
}

body {
	padding-top: 20px;
	padding-right: 80px;
}

tr, th, td {
	padding: 10px;
}

th.member {
	position: relative;
	height: 100px;
}

a {
	text-decoration: none;
	color: black;
}

a.member {
	bottom: 0px;
	left: 50%;
	position: absolute;
	transform: rotate( -45deg );
	transform-origin: center left;
	white-space: nowrap;
}

a:hover {
	text-decoration: underline;
}

th.rulename {
	text-align: right;
	font-weight: normal;
}

th.rulenr {
	text-align: right;
}

div.YES, div.nah {
	position: relative;
	width: 30px;
	height: 30px;
}

div.YES {
	background-image: url('target.png');
	background-size: contain;
}

div.YES:hover {
	transform: scale(1.2);
}

div.nah {
	background-image: url('target.png');
	filter: grayscale(100%);
	background-size: contain;
	background-color: rgba(255,255,255,0.85);
	background-blend-mode: lighten;
}



h1 {
	text-align: center;
	font-size: 250%;
	font-weight: bold;
}

h2 {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}

div.proof {
	text-align: center;
	margin: 80px 0;
}

div.proof img, div.proof video {
	max-width: 800px;
	max-height: 800px;
}

div.proof p.rule{
	font-weight: bold;
}