@font-face {
  font-family: "Open Sans";
  src: url("OpenSans-Regular.ttf") format("truetype");
}

body {
    font-family: Open Sans, Arial;
    color: #d9d9d9;
    font-size: 16px;
    margin: 2em auto;
    max-width: 800px;
    padding: 1em;
    line-height: 1.4;
    text-align: center;
    background-color: #000;
}

nav {
    float: center;
    width: 100%;
    background: linear-gradient(to bottom, rgba(100,100,100,0.9) 0%,rgba(100,100,100,00) 100%); /* Gradient Background from grey to transparent. Adapted from http://www.colorzilla.com/gradient-editor/ */

}
nav ul {
    list-style: none;
    padding: 0;
}
nav li {
    float: center;
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 0.5em;
    padding-bottom: 0.5em; /* Add one line (em) of padding above and underneath */
}

a{
    color: #0077aa;
    text-decoration: none;
}

.logo {
    max-width: 50px;
    vertical-align: middle;
    padding-right: 0.5em;
}