html { height: 100%; }
body { margin: 0; height: 100%; position: relative; }
#firepad-container {
  width: 100%;
  height: 100%;
}
.syntax-selector {
    position: absolute;
    display: inline-block;
    /*width: 50px;*/
    right: 1em;
    top: 1em;
    background-color: #666;
    border-radius: 0.5em;
    padding: 0.3em;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s;
}
.syntax-selector:hover {
    opacity: 1;
}
.syntax-selector div {
    text-align: center;
    color: white;
    font-family: sans-serif;
    padding: 0.1em;
}
.syntax-selector div.active {
    background-color: #464;
}
.syntax-selector div:hover {
    background-color: #999;
    border-radius: 0.25em;
    cursor: pointer;
}