body {background-color: #faf8ef;}
section,article,header,footer {width:100%; text-align: center; height: auto; margin: 20px 0px;}
#info {display: block;text-align: justify;word-wrap: break-word;color: #999999;font-size: 12px;width: 288px;}
section {margin: 20px 0px}
.wrapper {display: inline-block; position: relative;}
.bl, .null, .true {text-shadow: 2px 2px #F5F5F5; background-color: #ADD8E6; text-align: center; font-size: 16pt; font-weight: bold; text-shadow: 2px 2px #999999; color: white; width: 30px; height: 30px; padding: 20px; display: inline-block; float: left; border:1px solid white;}
.bl:hover {background-color: #48D1CC; cursor: pointer;}
#timer, #count {color: #999999; text-shadow: 2px 2px #F5F5F5; display: block; padding-bottom: 5px; width: 25%; text-align: left;}
.null {background-color: white;}
.null:hover {background-color: white;}
.true {background-color: #90EE90;}
.row {width: 100%; display: block;}
#start, #pause, #restart {text-decoration: none;color: #ADD8E6;}
#start { position: fixed;top: 50%;left: 50%;margin-top: -19px; margin-left: -41.5px;padding: 10px 25px; background-color: #32CD32; border-radius: 20px; border: 5px solid white;color: white; font-weight: bold; text-shadow: 1px 1px #999999;font-size: 14pt;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#start:hover {background-color: #9ACD32;}
#pause, #restart, #timer, #count, #donate{display: inline-block}
#block {display: inline-block}
#info {display: block}
#pause-img {display: none}
#pause, #restart, #count {width: 23%;}
#count {text-align: center;}
#pause-img {background: url('img/pause.gif') no-repeat scroll 50% -29px;width: 100%; height: 75px;margin:0px 10px;}
#pause:hover, #restart:hover {text-decoration: underline;color: #32CD32}