body {
    text-align:center;
    font-family: monospace;
    margin:0;
    padding: 0;
    background: #131313;
   /* overflow: hidden;*/
}

#canvas {
    display: block;
    border: solid 1px #F00;
    top: 2em;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    
    cursor: none;
    /*
    cursor: pointer;
    */
}
#controls {
    display: block;
    padding-top: 5px;
}

#controls button {
    width: 30%;
    height: 90px;
    color: #E51313;
}

#keys {
    display:none;
    padding-top: 5px;
}
.appTitle {
    text-align: center;
    font-size: 1.66em;
    color: rgba(192,13, 13, 1);
    
}
.appSummary {
    text-align: left;
    font-size: 1.25em;
    color: rgba(150,0, 0, 1);
}

.centered {
    text-align: center;
}
/*
@media all and (min-width:520px) {
    #keys {
        display: block;
    }
    #controls {
        display:none;
    }
}
*/



/*
    border: 1px solid #BBB;
    background-color: rgba(13, 64, 13, 1);
}
*/