#status{
  background-color:teal;
  width:120px;
  height:20px;
  color:white;
  font-family:sans-serif;
  font-size:12px;
  line-height:1.5;
  cursor:pointer;
}
#table{
  width:600px;
  height:400px;
  top:40px;
  left:400px;
  background-color:#76001B;
  position:absolute;
  border:5px solid #54001B;
  transform: rotate(-2deg);
  overflow:hidden; 
}

/* back, initially hidden pane */
.back {
  border-radius:15px;
	transform: rotateY(180deg);
  background:url(http://vampiretarot.com/tarot/goddess/large/10_of_cups.jpg) no-repeat;
  background-size: contain;
}
/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
  background:url(https://cdn.shopify.com/s/files/1/0200/7616/products/playing-cards-ultimate-deck-1_grande.png) no-repeat;
  background-size:contain;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ie-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
}
.flipper {
	/*transition: 0.6s;*/
	transform-style: preserve-3d;
	position: relative;
}
.flip-container, .front, .back {
	width: 150px;
	height: 211px;
  position:absolute;
  top:310px;
  left:110px;
}
#wording, #timer{
  width:500px;
  height:20px;
  color:white;
  font-family:sans-serif;
  font-size:20px;
  line-height:1.5;
  cursor:pointer;
  margin:0 auto;
  text-align:center;
}
#timer{
  padding-top:350px;
  opacity:0;
}