@import url('https://fonts.googleapis.com/css?family=Audiowide|Sedgwick+Ave');

* {
    margin: 0; padding: 0; box-sizing: border-box;
}

body {
    background: #134d00; color: #fff; font-family: Tahoma; font-size: 12pt;
}

a {
    -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; text-decoration: none; color: #fff;
}

p {
    margin: 0.4em 0;
}
header, footer {
    background: rgba(0,0,0,0.5); min-height: 75px; position: absolute; left: 0; width: 100%; vertical-align: center;
}
header {
    top: 0; 
}
nav {
    position: absolute; right: 0; bottom: 7px;
}
footer {
    bottom: 0;
}
section {
    margin-top: 100px;
}
h1 {
    font-family: "Audiowide"; font-size: 2em;
}
div.site-name {
    font-family: "Sedgwick Ave"; font-size: 2.5em; font-style: italic; padding: 10px 0 20px;
}
ul.nav-menu, ul.nav-menu li {
    list-style: none; list-style-image: none; margin: 0; padding: 0; text-align: right;
    display: inline-block;
}
ul.nav-menu li a {
    padding: 5px 10px 7px; 
}
ul.nav-menu li a:hover, ul.nav-menu li a.active {
    background: #0066cc; color: #ccc;
}
.inner.container {
    width: 100%; max-width: 90%; margin: 0 auto; position: relative;
}
section div.inner.container {
    padding: 10px; background: rgba(0,0,0,0.4); border-radius: 15px;
}
p.copyright {
    padding: 40px 0; margin: 0 auto; text-align: center;
}