/*
	AUTHOR: Dr. Alistair Ward
*/

body {
	background-image:	url('../images/board.png');
	background-size:	calc(100vw / 4) calc(100vh / 4);
}

div.box {
	padding:	4px;
}

.ChessPiece {
	height:				calc(100vh / 8);
	opacity:			0.05;
	position:			absolute;
	transition-duration:		2s;
	transition-property:		left, top;
	transition-timing-function:	ease-in-out;
	width:				calc(100vw / 8);
	z-index:			-1;
}

.WhiteChessPiece {
	top:	0;
}

.BlackChessPiece {
	top:	100vh;
}

#q, #Q {
	left:	calc(3 * 100vw / 8);
}

#k, #K {
	left:	calc(4 * 100vw / 8);
}

.MoveTree {
	float:		right;
	margin-left:	16px;
	width:		256px;
}

#moveTree {
	height:		1024px;
	overflow-y:	scroll;
}