body {
text-align: center;
}
#game {
background: #9c9;
padding: 5px;
}
/* Define the 3D perspective view and dimension of each card. */
.card {
-webkit-perspective: 600;
width: 113px;
height: 150px;
}

.face {
width: 100%;
height: 100%;
position: absolute;
-webkit-transition: all .3s;
-webkit-backface-visibility: hidden;
}

.front {
z-index: 10;
}
.back {
-webkit-transform: rotate3d(0,1,0,-180deg);
z-index: 8;
}

.card-flipped .front {
	-webkit-transform: rotate3d(0,1,0,180deg);
	z-index: 8;
}
.card-flipped .back {
	-webkit-transform: rotate3d(0,1,0,0deg);
	z-index: 10;
}
.cardAK {
}
.cardAQ {
}
.h1style {
	font-size: 50px;
    text-shadow: 2px 7px 5px rgb(119 117 117 / 42%), 0px -4px 10px rgb(255 255 255), 2px 5px 5px rgb(234 231 231 / 42%), 0px -4px 10px rgb(255 255 255);
}