/*
<style>
*/
body            { background: #111; }
#tower          { position: relative; margin: 1em auto; width: 512px; height: 384px; border: 4px solid gray; display: inline-block;}
#hud            { position: absolute; bottom: 0em; width: 8em; background-color: red; opacity: 0.8; border: 4px solid black; }
#score          { color: #DDD; font-size: 2em; font-family: 'Cherry Swash', cursive }
#canvas         { display: inline-block; width: 100%; height: 100%; }
#instructions   { font-style: italic; color: #999; font-size: 9pt; margin-left: 1em; margin-top: 0.5em; }
#instructions b { color: #DDD; }
@media screen and (min-width:     0px) and (min-height:    0px) { #tower { width:  512px; height: 384px; font-size:  7pt; } } /* block = 16 */
@media screen and (min-width:   840px) and (min-height:  530px) { #tower { width:  640px; height: 480px; font-size:  9pt; } } /* block = 20 */
@media screen and (min-width:   968px) and (min-height:  626px) { #tower { width:  768px; height: 576px; font-size: 11pt; } } /* block = 24 */
@media screen and (min-width:  1096px) and (min-height:  722px) { #tower { width:  896px; height: 672px; font-size: 13pt; } } /* block = 28 */
@media screen and (min-width:  1224px) and (min-height:  818px) { #tower { width: 1024px; height: 768px; font-size: 15pt; } } /* block = 32 */
  

#countdownBoard {
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  background-color: black;
  display: inline-block;
  top: 100px;
  position: absolute;
  font-size: 50px;
}

#defaultCanvas0{
  display:  inline-block;
}

#wrapper{
  display: inline-block;
}
  /*</style>*/
#startID{
  font-family: Arial, Helvetica, sans-serif;
  top: 50px;
  background-color: lime;
  color: black;
  font-size: 20pt;
  position: absolute;
}