html,body{
    background-color: #111;
    color: #ccc;
    font-family:"Lucida Console",Monaco,monospace;
    line-height:1.5em;
}
 header,main,aside,footer{
    display:block;
    max-width:42em;
    margin:0 auto;
}
 header{
    text-align:center;
}
 header h1 a{
    display:block;
    margin:2em;
}
 header img{
    max-width: 150px;
     margin:0 0 -50px 0
}
 nav ul{
    list-style:none;
    padding:0;
}
 nav ul li{
    display:table-cell;
    padding:0 0.5em;
}
 nav ul li span{
    display:none;
}
 nav ul li:not(:first-child):before{
    content:" | ";
    font-weight:bold;
}
 a:link, a:visited{
    text-decoration:underline;
    color:#eee;
}
 a:active, a:hover{
    text-decoration:underline;
    color:#337ab7;
}
 footer{
    font-size:x-small;
    padding-top:4em;
    text-align:center
}
 aside#spaceapi {
    background:#222;
    display:flex;
    justify-content:left;
    align-items:center
}
 aside#spaceapi img {
    float:left;
    height:5em;
    margin:1em
}