html {
    /* These lines apply to the whole page */
    background-color: #dcdcdc;
    font-family: sans-serif; /* sans-serif should be easier to read on computer screens */
    font-size: 16px;
}

body {
    /* Center body with maximum width of 1200 px */
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-shadow: 0 0 5px 5px #bbb; /* Always add shadows for perspective */
    background-color: white;
}

#header {
    /* Adjust height to viewport, within a minimum and maximum */
    height: 25vh;
    min-height: 140px;
    max-height: 180px;

    /* Anchor background to top and clip the bottom when necessary */
    background: url('../images/header-background.png');
    background-position: top;
    overflow: hidden;
}

#navigation {
    /* The red navigation menu */
    background-color: #8b0000;
    text-align: center;
}

#navigation a {
    /* Styling for the navigation menu entries */
    margin: 0 1em;
    line-height: 2em;
    font-family: Sans-Serif;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

#content {
    /* Article/page content */
    padding: 0 3% 2em;
    max-width: 700px; /* Shorter lines prevent eye strain */
    line-height: 1.7em;
}

#footer {
    /* Page footer */
    padding: 0 3%;
    overflow: hidden;
    background-color: #d3d3d3;
    font-size: .9em;
    line-height: 1.3em;
}

h1 {
    /*
      This keeps my name floating over the horizon
      on all but extremely tiny screens
    */
    margin: 3.3% 0 0;

    text-align: center;
    font-family: Sans-Serif;
    font-size: 54px;
}

h1 a {
    color: #000;
    text-decoration: none;
}

h1 a:hover {
    color: #000;
}

h2,h3 {
    margin: 2em 0 1em;
    color: #000;
}

h2 a, h3 a {
    color: #000;
}

h2 a:hover, h3 a:hover {
    color: #333;
}

a {
    color: #00f;
}

a:hover {
    color: #009;
    text-decoration: underline !important;
}

a:active {
    color: #000 !important;
    text-decoration: underline !important;
    background-color: #ff0 !important;
}

p {
    margin: 1em 0;
}

code {
    font-family: monospace;
    font-size: 14px;
}