/* Colors */
body {
    background-color: #163434;
}
header, footer {
    color: #ddd;
    text-shadow: 0 0 3pt black;
}
header a, footer a {
    color: #cc4;
}
header {
    background-color: #284646;
}
main {
    background: #cad4d4;
    color: black;
    text-shadow: 0 0 3pt #eff;
}
footer {
    background-color: #163434;
}
h1 {
    border-bottom: 1px solid #cc4;
}
header h1 {
    text-shadow: 0 0 6pt black;
}
main h1 {
    border-bottom: 1px solid #284646;
    text-shadow: 0 0 6pt #eff;
}

/* Link styling */
h1 a {
    text-decoration: none;
}
main a {
    color: #284646;
}
a:hover {
    background: #eee;
    border-radius: 7px;
    margin: -7px;
    padding: 7px;
    color: navy;
    text-shadow: none;
}

/* Style footer nav links */
footer ul {
    margin: 0;
    padding: 0;
}
footer ul li {
    display: inline-block;
}

footer li img {
    filter: grayscale(100%) contrast(9001%);
    width: 20pt;
    height: 20pt;
}

.invert-colors {
    filter: grayscale(100%) contrast(9001%) invert(100%);
}

/* highlighter customizations. */
.highlight {
    background: #eee;
    text-shadow: none;
}
code.highlighter-rouge.language-plaintext {
    /* inline codeblocks. */
    font-weight: bold;
}