body
{
    font: 1em Verdana, Geneva, sans-serif;
    padding: 0;
    margin: 5px;
    color: WhiteSmoke;
    background-color: Black;
}
div
{
    padding: 0;
    margin: 0;
}
button
{
    cursor: pointer;
}
.hidden
{
    display: none;
}

/****************************************************************************/
/* App */
/****************************************************************************/
 #app
{
    margin: 4px;
    background-color: #bbc;
    background: -webkit-linear-gradient(top, #99c, #bbc);
    background: -moz-linear-gradient(top, #bbc, #558);
    background: -ms-linear-gradient(top, #bbc, #558);
    background: linear-gradient(top, #bbc, #558);
}

#app>header
{
    padding: 0 0.5em;
    font-size: 1.25em;
    color: WhiteSmoke;
    background-color: #006;
    box-shadow: 1px 1px 4px black;
}

#app>footer
{
    padding: 0.25em;
    color: WhiteSmoke;
    background-color: #006;
    font-size: 0.75em;
}

#main
{
    text-align: center;
}

#main>canvas
{
    cursor: crosshair;
    margin: 1em auto;
    color: black;
    background-color: white;
    box-shadow: 0 0 8px 2px #555;
}