/* Set global styles. */
body {
    margin: 1em 10%;
}
h1 {
    text-align: center;
}
ul {
    list-style-type: disc;
    margin-left: 2em;
}
ul li span {
    display: block;
}

/* Style the navigation menu. */
ul#navigation {
    /* Override general ul styles. */
    list-style-type: none;
    margin-left: 0;
    /* Line it up with the h1. */
    text-align: center;
    margin-left: .75em;
}
ul#navigation li {
    display: inline;
    padding-right: .75em;
}

/* Showcase items get a bit more space. */
ul.showcase li {
    margin-top: 1em;
}
/* But not for nested lists. */
ul.showcase li ul li {
    /* Reset margin-top from rule above. */
    margin-top: 0;
}

/* Space the different sections. */
div.section {
    border: 1px solid black;
    margin: 2em 10% 2em;
    padding: 0 2em 2em;
}
div.section p {
    font-weight: bold;
    margin: 2em 0 1em;
}

/* Images */
#gmIcon {
    float: right;
    margin-top: -1em;
}