#begin{
	border:solid 3px black;
	width:20vw;
	background-color:white;
	cursor:pointer;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	padding:2em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%)
}
#end{
	visibility:hidden;
	border:solid 3px black;
	width:20vw;
	background-color:white;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	padding:2em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%)
}
#turnUp{transform: rotate(0deg);}
#turnRight{transform: rotate(90deg);}
#turnDown{transform: rotate(180deg);}
#turnLeft{transform: rotate(270deg);}
.cross{
	background-image:url("cross.png");
	background-size:cover;
}
.goalA{background-color:#ff8080;}
.goalB{background-color:#8080ff;}
.turn{
	position:fixed;
	width:4vh;
	height:4vh;
	background-image:url("arrow.png");
	background-size:cover;
	display:none;
}
#dataA, #dataB{
	text-align:center;
}
.timer, .score{
	display:block;
}
h1{
	text-align:center;
}
#board{
	margin:auto;
	border-collapse: collapse;	
}
td{
	width:8vh;
	height:8vh;
	border: solid black 2px;
	padding:0;
}
.token{
	visibility:hidden;
	width:6vh;
	height:6vh;
	background-size:cover;
	position:fixed;
}
#tokenA1, #tokenA2{
	background-image:url("tokenRed.png");
}
#tokenB1, #tokenB2{
	background-image:url("tokenBlue.png");
}
#padding{
	height:1em;
}