html {
  overflow: hidden;
  direction: ltr;
  z-index: -100;
}

body {
  width: 100%;
  height: 100%;
  margin: 0px;
  cursor: default;
  touch-action:none;
  -ms-scroll-translation: vertical-to-horizontal;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-attachment: fixed;
	font-family: helvetica, verdana, sans;
	z-index: -99;
	overflow: hidden;
	background-color:black;
}

span {
	position: relative;
}

#gameBack
{
	position:absolute;
	z-index:-100;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#redeal
{
position:absolute;
	width:14%;
	bottom:7%;
	left:43%;
	z-index:1;
	cursor:pointer;
    opacity:0.9;
}

.hidden {
	display: none;
}

.card, .stack {
	position: absolute;
}

.stack {
	z-index: -10;
}

.playable {
	cursor: pointer;
	box-shadow: 0 0 3px 2px #343231;
	border-radius:5px;
	-webkit-transition: box-shadow 0.2s linear;
	-moz-transition: box-shadow 0.2s linear;
	-ms-transition: box-shadow 0.2s linear;
	transition: box-shadow 0.2s linear;
}

.playable:hover {
	box-shadow: 0 0 2px 2px silver;
	-webkit-transition: box-shadow 0s;
	-moz-transition: box-shadow 0s;
	-ms-transition: box-shadow 0s;
	transition: box-shadow 0s;
}

#dealBtn
{
	position:absolute;
	width:4%;
	top:5px;
	left:42%;
	z-index:1;
	cursor:pointer;
	opacity: 0.85;
    display: none;
}


#undoBtn
{
	position:absolute;
	left:48%;
	top:5px;
	width:4%;
	cursor:pointer;
	z-index:1;
	opacity: 0.85;
    display: none;
}

#rulesBtn
{
position:absolute;
	width:4%;
	top:5px;
	right:42%;
	z-index:1;
	cursor:pointer;
    display: none;
    opacity: 0.85;
}

#rulesImg2
{
	display:none;
	position:absolute;
	left:25%;
	bottom:20%;
	z-index:100;
	width:50%;
}
#content {
    position: absolute;
    right: 5px;
    bottom: 20px;
    z-index: 100;
    max-width:300px;
    max-height:250px;
    overflow:hidden;
}

#content2 {
    position: absolute;
    left: 5px;
    bottom: 20px;
    z-index: 100;
    max-width:300px;
    max-height:250px;
    overflow:hidden;
}

#privacy {
    position:absolute;
    right:0px;
    bottom:0px;
    z-index:9999;
}