html, body { height: 100%; }

body {
    color:white;
	background: #000;<!--  url("images/bg/marble.jpg"); -->
	margin: 0px;
	padding: 0px;
	overflow: hidden;
    min-height: 100%;
    font-family: sans-serif;
}
a:link { color: white }
a:visited { color: #ccc }
a:hover { color: #c66 }
a:active { color: #bbb }

.shown { border: 5px solid teal; }

.block {
    -ms-touch-action: none;
        touch-action: none;
}
#hints {
    position: absolute;
	z-index: 99;
	background: #444;
	background: rgba(80,80,80,0.5);
}

.face {
	color: black;
    font-weight:bold;
    background-size: 303% 303%;
	width: 100px;
	height: 100px;
	cursor: pointer;
    backface-visibility: hidden;
    line-height:65px;
    text-align:center;
	
          border-radius: 8px;
     -moz-border-radius: 8px;
  -webkit-border-radius: 8px;

     -moz-box-shadow: 0px 0px 2px #000; 
  -webkit-box-shadow: 0px 0px 2px #000; 
          box-shadow: 0px 0px 2px #000; 
}

.c0 { background: red; }
.c1 { background: blue; }
.c2 { background: purple; }
.c3 { background: green; }
.c4 { background: white; }
.c5 { background: orange; }

div.ctr {
    width:0; height:0; position: relative; 
	left: 50%;
	top: 35%;
}

.droppable {
    display:inline-block;
    margin-left:0.5em;
    margin-top:0.5em;
}

#dropImg input{
    background: #b44 url("../images/bg/ACEXPDTN.jpg");
}

#undobutton {
    color: red;
    float: right;
}

#clock {
    font-weight: bold;
}

.disclaim {
	position:absolute;
	bottom:0;
	left:10px;
	font-size:8pt;
}

.pyro, .sound, .wavetext {display:none;}