html{height:100%;}
body{
    font-family:Arial;
    height:100%;
    background:#fdfdfd;
    background-image: -webkit-linear-gradient(#cdcdcd, #dfdfdf);
    background-image: -moz-linear-gradient(#cdcdcd, #dfdfdf);
    background-image: -o-linear-gradient(#cdcdcd, #dfdfdf);
    background-image: linear-gradient(#cdcdcd, #dfdfdf);
    background-image: url(https://www.voldemars.com/images/background.jpg);
}

h1,h4{
    text-align:center;
}

h1{
    margin-top:30px;
    margin-bottom:0px;
    padding-bottom:0px;
    color:#ea4335;
}

h4{
    font-size:15px;
    color:white;
    margin-top:5px;
    padding-top:0px;
}

#container{
    width:270px;
    margin:20px auto;
}

#container:after { 
    content: "."; 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both;
}

.box{
    display:block;
    float:left;
    width:30px;
    height:30px;
    background:#333;
    border: 1px solid #222;
    border-radius: 2px;
    background-image: -webkit-linear-gradient(top, #666, #333);
    background-image: -moz-linear-gradient(top, #666, #333);
    background-image: -o-linear-gradient(top, #666, #333);
    background-image: -ms-linear-gradient(top, #666, #333);
    background-image: linear-gradient(to bottom, #666, #333);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.75);
    box-shadow: 0 0 5px rgba(0,0,0,0.75);
    text-align:center;
    line-height:20px;
    font-size:15px;
    font-weight:bold;
    color:#ff2e2e;
}

.box:hover{
    cursor:pointer;
    background:#777;
}

span.opened{
    background:#777;
}

span.checked,span.checked:hover{
    background-image: -webkit-linear-gradient(top, #ba0000, #610000);
    background-image: -moz-linear-gradient(top, #ba0000, #610000);
    background-image: -o-linear-gradient(top, #ba0000, #610000);
    background-image: -ms-linear-gradient(top, #ba0000, #610000);
    background-image: linear-gradient(to bottom, #ba0000, #610000);
}

span.bomb{
    display:inline-block;
    width:15px;
    height:15px;
    margin-top:4px;
    border:1px solid #ffea00;
    border-radius:5px;
    background:#f00303;
}

a#again{
    clear:both;
    display:block !important;
    text-decoration:none;
    background:#fff;
    width:270px;
    height:60px;
    text-align:center;
    line-height:50px;
    font-size:15px;
    color:#333;
    font-weight:bold;
    border-radius:5px;
    margin:auto;
}