.key {
    border: 1px solid black;
    width: 26px;
    height: 26px;
    display: inline-block;
    line-height: 26px;
    text-align: center;
    margin: 1px;
    /*text-transform: uppercase;*/
    border-radius: 7px;
    /*font-weight: bold;*/
}
h1 {
    /*text-shadow: 3px 5px 0 hsla(24,100%,0%,.5);*/
    text-shadow: 0px -1px 0 rgba(2,1,1,0.42);
    font-size: 3em;
    color: #dfdddd;
}
h2 {
    background-color: #dfdddd;
    border-bottom: 1x solid blue;
    padding-left: 25px;
}
h2:before {
    content: '▼';
    width: 33px;
    display: inline-block;
}
h2.closed:before {
    content: '▶';
}
.row-fluid {
    /*border: 1px solid red;*/
}
div.row-fluid:nth-child(2) {
    background:#ff0000;
}

kbd {
    font-size: smaller;
    border: 0.2em solid;
    border-color: #DDD #BBB #BBB #DDD;
    padding: 0 0.4em;
    margin: 0 0.4em 0 0;
    background: #EEE;
    white-space: nowrap;
}