/* general */

.hidden
{
  display: none;
}

/* backgrounds */
div.blank {
  background-image: url("../img/blank.jpg");
  background-size: 100% 100%;
}
div.rust {
  background-image: url("../img/rust.jpg");
  background-size: 100% 100%;
}

/* clock */
div.clock {
 width: 92vmin;
 border:1px dashed #888;
 margin-top: 2vmin;
 margin-left: auto;
 margin-right: auto;
 padding: 2vmin;
 text-align: center;
 box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.5);
}
div.letter {
 width: 8vmin;
 height: 8vmin;
 display:inline-block;
 text-align: center;
 vertical-align: middle;
 font-size: 6vmin;
 margin:0px;
}
div.glow {
 color: #eecc00;
 text-shadow: 0 0 1px #ffff00;
}
div.glowdebug {
 color: #882200;
 text-shadow: 0 0 3px #ffff00;
}