@charset "utf-8";
/* CSS Document */

body{
	-moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
    -o-user-select: none;
	color: #fff;
	background: #17181c;
}

h1{text-align: center;}

table{
	margin-left: calc(50% - 50px);
	transform: translate(-50%);
}

td{
	width: 190px;
	height: 190px;
	max-width: 190px;
	max-height: 190px;
	padding: 3px;
}

th{
	height: 18px;
	width: 100px;
	color: green;
}

img{
	margin: 0 auto;
	display: block;
	max-height: inherit;
	max-width: inherit;
}

td:hover, span:hover{cursor: pointer;}

.centered{
	position: absolute;
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	background-color: rgba(23,24,28,0.6);
	width: 50px;
}

.row1{top: 3.4%;}

.col1{right: 80.5%;}

.row2{top: 27.6%}

.col2{right: 58.3%;}

.row3{top: 52%}

.col3{right: 36.3%;}

.row4{top: 76.2%;}

.col4{right: 14.2%;}

.name{
	position: absolute;
	text-align: center;
	font-size: 1.4em;
	background-color: rgba(23,24,28,0.6);
	margin: -26px auto 0 auto;
}