body {
	text-align: center;
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	font-size: 24px;
	letter-spacing: 2px;
	line-height: 1.3;
	color: #097054;
}

.wrap {
	width: 960px;
	display: inline-block;
}

.container {
	display: inline-block;
	width: 350px;
	height: 530px;
	vertical-align: top;
	position: relative;
}

.container h3 {
	border-bottom: 1px solid #00AAEE;
	padding: 10px 0;
	margin-top: 0;
	font-weight: lighter;
}

.score {
	display: inline-block;
	width: 200px;
	margin-top: 200px;
	color: #008f68;
	font-size: 32px;
}

.hand_container {
	margin-top: 100px;
}

.shake {
	-webkit-animation: shake 1.5s;
	-moz-animation: shake 1.5s;
	-ms-animation: shake 1.5s;
	animation: shake 1.5s;
}

img {
	display: none;
}

.btn_container {
	position: absolute;
	bottom: 0;
	left: 19px;
}

.button {
	display: inline-block;
	width: 100px;
	padding: 10px 0;
	font-size: 18px;
	background-color: #00AAEE;
	color: #1d113b;
	cursor: pointer;
}

.clear {
	clear: both;
}


@-webkit-keyframes shake {
	0%,100% { -webkit-transform: translateY(0); }
	15%,45%,75%,96% { -webkit-transform: translateY(30px);
		-webkit-animation-timing-function: ease-out; }
	30%,60%,90% { -webkit-transform: translateY(-30px);
		-webkit-animation-timing-function: ease-out; }
}

@-moz-keyframes shake {
	0%,100% { -moz-transform: translateY(0); }
	15%,45%,75%,96% { -moz-transform: translateY(30px);
		-moz-animation-timing-function: ease-out; }
	30%,60%,90% { -moz-transform: translateY(-30px);
		-moz-animation-timing-function: ease-out; }
}

@-ms-keyframes shake {
	0%,100% { -ms-transform: translateY(0); }
	15%,45%,75%,96% { -ms-transform: translateY(30px);
		-ms-animation-timing-function: ease-out; }
	30%,60%,90% { -ms-transform: translateY(-30px);
		-ms-animation-timing-function: ease-out; }
}

@keyframes shake {
	0%,100% { transform: translateY(0); }
	15%,45%,75%,96% { transform: translateY(30px);
		animation-timing-function: ease-out; }
	30%,60%,90% { transform: translateY(-30px);
		animation-timing-function: ease-out; }
}