body {
	background-image: url("background.jpg");
	background-repeat: repeat;
//   background-color: #f5fff5;
//	font-family: Calibri, Carlito, sans-serif;
}

.card-button {
	background: url(./flipside.png) no-repeat center center;
	background-size: cover;
	width: 100px;
	height: 140px;
	margin: 5px;
	font-size: 18px;
//	border: 3px solid #004250;
	border: none;
//	border-radius: 10px;
//	box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
	cursor: pointer;
	transition: transform 0.2s ease;
	color: transparent; /* hide text when showing backside */
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-button.selected {
	background: black;
	background-size: cover;
	color: white;
	font-weight: bold;
	transform: scale(1.05);
}

p.rules {
	background-color: lightgray;
	color: #004052;
	padding: 3px;
}

.gone {
	background: none;
	background-size: cover;
	width: 100px;
	height: 140px;
	margin: 5px;
	font-size: 18px;
	border: 3px dotted #004250;
	border-radius: 10px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
	cursor: default;
	transition: transform 0.2s ease;
	color: transparent; /* hide text when showing backside */
	display: flex;
	align-items: center;
	justify-content: center;
}

table.outer {
	margin: 5px auto;
}

td.points {
	vertical-align: top;
}

span.dash {
	color: #004250;
	font-size: 32pt;
}

span.info {
	color: #004250;
	font-size: 20pt;
}

span.red {
	color: #ff0000;
	font-size: 32pt;
}

span.green {
	color: #00ff00;
	font-size: 32pt;	
}