* {
  font-family: monospace;
}
.noselect {
  -webkit-touch-callout:none; /* iOS Safari */
  -webkit-user-select:none; /* Safari */
  -khtml-user-select:none; /* Konqueror HTML */
  -moz-user-select:none; /* Firefox */
  -ms-user-select:none; /* Internet Explorer/Edge */
  user-select:none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.main-container {
  position:absolute; font-size:2em; font-family:"Lucida Console";
}
.full-container {
  position:absolute; width:100%; height:100%; top:0; display: table;
}
.opacity1 { opacity: 1; }
.center-cell {
  display: table-cell; vertical-align: middle; text-align:center; line-height: 0px; background-color:white; border:2px solid silver; box-sizing: border-box; 
  opacity: 0; 
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -ms-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}
#spinner {
  position:absolute; 
  height: 1.6em; 
  margin-top:1px; 
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}
.center-container {
  display:inline-block; 
}
.tile img {
  width:100%;
}
.tile { display:inline-block; width: 33%; height:33%; }
.pointer {
  cursor:pointer;
}
.btn {
  border:2px solid silver; 
  box-sizing: border-box;
  cursor:pointer;
  background-color:white;
  font-size:1.2em;
  margin-bottom: 2px;
}
.btn:hover {
  background-color:#f7f7f7;
}
.btn:active {
  background-color:#eee;
}