body {
	background-color: #000;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}
#wins {
	margin-left:5vw;
}
#bet {
	margin-left:5vw;
}
.hidden {
	visibility: hidden;
}
#hand {
	max-width: 1000px;
	width: 100vw;
}
.hand {
	width:20%;
	height:30vw;
	max-height:300px;
}
.space {
	height: 90%;
	width: 98%;
	margin: 1%;
}
.card {
	background-color: #eee;
	font-size: xx-large;
}
.h,.d {
	color:#e00;
}
.c,.s {
	color:#000;
}
.j {
	color:#00a;
}
.hold {
	background-color: #5ae;
	width: 100%;
	color:#fff;
	text-align: center;
	margin-top: 4px;
	padding: 5px 0;
}
.hold_show {

}

.hold_hide {
	visibility: hidden;
}
.hand {
	display: inline-block;
}

.blink {
	animation: blink 0.5s infinite;
}

#stats {
	position: absolute;
	background-color: #333;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width:95%;
	white-space: pre;
}

.buttongrid {
	display:flex;
}
.buttongrid>button {
	flex:1;
	height:36px;
	margin:4px;
}

.dealcard {
	animation: deal 0.5s ease-out 1
}
.removecard {
	animation: remove 0.5s ease-in 1
}

@keyframes blink {
	from {background-color:#cc4}
	to {background-color:#4c4}
}
@keyframes deal {
	from {transform: translate(0, -200px);}
	to {transform: translate(0, 0);}
}
@keyframes remove {
	from {transform: translate(0, 0);opacity:1;}
	to {transform: translate(0, 200px); opacity:0;}
}