* {
	transition: opacity 300ms ease-in-out 0s;
}
body {
	font-family: 'Segoe UI', Calibri, Georgia, sans-serif;
	margin: 0 auto;
	width: 1000px;
}
#table {
	width: 600px;
	margin: 0;
	padding: 10px 0 0;
	float: left;
}
#table li {
	list-style: none;
	float: left;
	height: 185px;
	width: 120px;
	border: 3px solid #333;
	margin: 10px;
	text-align: center;
	overflow: hidden;
	display: table;
}
#table img {
	margin: 5px 0;
	vertical-align: middle;
}
#table p {
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}
.messages {
	background: #eee;
	color: #333;
	float: right;
	width: 150px;
	padding: 20px;
	height: 300px;
	overflow: auto;
	margin: 20px 0;
}
.hideable {
	opacity: 1;
}
.hidden {
	opacity: 0;
}
#hint {
	clear: right;
	float: right;
}