h1 {
    font: 18pt georgia;
    color: green;
}
h1 #tagline {
    color: #aaa;
}
h2 {
    margin: 0 0 5pt 0;
    font: 14pt georgia;
}
#pangram {
    width: 100%;
    font: 14pt georgia;
}
.letter, .over {
    padding: 3px;
    margin: 1px;
    line-height: 200%;
    border: 1px solid #ccc;
    background: #eef;
}
.over {
    background: #fee;
}
a.btn {
    margin-right: 5px;
    text-decoration: none;
}
#aux-info {
    float: left;
    width: 100%;
}
#aux-info-1, #aux-info-2 {
    float: left;
    width: 47.5%;
}
#aux-info-1 {
    margin-right: 4%;
}
#known-pangrams li {
    margin: 4px 0;
}
#known-pangrams {
    padding: 0;
    list-style-type: none;
}
#aux-info-1 h2 {
    display: inline;
}
#overused {
    margin-top: 1em;
}
#perfect h2 {
    color: orange;
}
#explanation h2 {
    border-bottom: 1px solid #ccc;
    font: 18pt georgia;
    margin-bottom: 5pt;
    color: #851;
}
#explanation p {
    line-height: 150%;
}
#main-app {
    display: none;
}
.javascript-required {
    border: 1px solid red;
    background: #fee;
    padding: 8pt;
    font: bold 12pt georgia;
    margin-bottom: 1em;
    display: block;
}