body {
    text-align: center;
    font-family: Arial;
    padding: 0;
    margin: 0;
}

h1 {
    font-weight: 100;
    font-family: sans-serif;
    font-size: 225%;
}

h2 {
    font-weight: 100;
    font-family: sans-serif;
    font-size: 165%;
}

h3 {
    font-weight: 100;
    font-family: sans-serif;
    font-size: 140%;
}

a, a:visited, .clickable {
    text-decoration: none;
    color: #169;
    cursor: pointer;
}

a:hover, a:active, .clickable:hover, .clickable:active {
    text-decoration: underline;
    color: #169;
}

a.subtle-link {
    color: inherit;
    text-decoration: none;
}

a.subtle-link:hover, a.subtle-link:active {
    color: #169;
}

.logo-title {
    width: 172px;
    user-select: none;
    margin: 26px auto 16px;
}

.logo-title img {
    padding: 5px 7px 3px;
    border-bottom: 1px solid transparent;
}

.logo-title a:hover img, .logo-title a:active img {
    background: rgba(0,0,0,0.03);
    border-bottom: 1px solid #999;
    text-decoration: none;
}

.logo-title__info {
    font-size: 68%;
    color: #000;
}

#footer .separator {
    width: 70%;
    max-width: 500px;
    background-color: #eee;
    height: 1px;
    margin: 10px auto;
}

#footer {
    margin: 32px auto 12px;
    font-size: 70%;
    color: #bbb;
}

.external-link, .external-link:visited {
    padding: 10px 22px;
    background: #e50;
    color: white;
    border-radius: 400px;
}

.external-link:hover, .external-link:active {
    color: white;
    text-decoration: none;
    background: #e60;
}

.internal-pill-link, .internal-pill-link:visited {
    padding: 10px 22px;
    background: #169;
    color: white;
    border-radius: 400px;
}

.internal-pill-link:hover, .internal-pill-link:active {
    color: white;
    text-decoration: none;
    background: #17a;
}