body {
    font-family: monospace;
    text-align: center;
    background: #f4f4f4;
    color: #17220d;
}
a {
    background-color: #d00a66; color: white; 
    font-weight: bolder; text-decoration: none;    
}
a:hover {
    background-color: #fff; color: #d00a66; 
    font-weight: bolder; text-decoration: none;    
}
blockquote {font-style: italic; font-size: large; font-family: serif;}
blockquote strong {color: #6a462f;}
h1 {font-family: serif; font-size: 3em; color: #6a462f;}

/*sections and HTML5 structure elements*/
section {margin: 2em auto 4em auto;}
#gameSection {
    background: url(gamebg.jpg) bottom left no-repeat scroll #569859;
    background-size: cover;
    border: 4pt solid #234124;
}
#everythingElse { 
    width: 70%;
    min-width: 600px;
}
summary {background-color: #56985930; font-size: 1em; font-weight: bold; padding: 1em;}
#clerksIMG {
    border: 2pt solid #234124;
    border-radius: 6px;
    filter: grayscale(100%);
}
#clerksIMG:hover {filter: grayscale(0%);}
footer {
    border-top: 1pt dashed #569859;
    margin-top: 2em;
    font-weight: bold;    
}
footer a {
    background-color: unset;
    color: darkblue;
    text-decoration: underline;
    }


/*boardgame stuff*/
.board {
    display: inline-block;
    margin: 20px;    
}
.cell {
    width: 50px;
    height: 50px;
    border: 1px solid #569859;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 1.5em;
    font-weight: bold;
    cursor: pointer;

    /* Default color for unrevealed tiles */
    background-color: #1e8222;

    /* Default color for unrevealed tile text */
    color: #333333;
}
.revealed {
    /* Color for revealed tiles */
    background-color: #e3eb9b;

    /* Color for revealed tile text */
    color: #000;
}
.mine {
    /* Color for mines */
    background-color: #9E9E9E;
}