body {
    font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    padding: 3rem 0;
    background-color: #f5f5f5;}

blockquote {
    font-size: 1.25rem;
    padding-bottom: 0; }

.nav {
    width: 38rem;
    padding: 0;
    margin: 0 auto;
    border-bottom: none;}

.form {
    width: 38rem;
    padding: 1.5rem;
    margin: 0 auto 1.5rem;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05); }

.index ul,
.index ol {
    -khtml-padding-start: 0;
    -moz-padding-start: 0;
    -webkit-padding-start: 0;
    padding-start: 0;
    margin: 0px;
    margin-left: 1rem; }
    
.form hr {
    margin-bottom: 0.5rem; }
    
.typecodes .btn {
    margin: 0 1rem; }

.bookmarklets {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; }

.bookmarklet,
.bookmarklet:active,
.bookmarklet:focus,
.bookmarklet:hover,
.bookmarklet:visited {
    color: #444;
    cursor: move;
    height: 9rem;
    margin: 0.5rem auto;
    text-decoration: none;
    width: 45%; }

.bookmarklet:hover {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,255,.15);
       -moz-box-shadow: 0 1px 2px rgba(0,0,255,.15);
            box-shadow: 0 1px 2px rgba(0,0,255,.15); }

.bookmarklet-header {
    font-size: 1.1rem;
    font-weight: 500; }

.bookmarklet-description::after {
    content: attr(data-description);
    font-weight: 400; }