* {padding: 0; margin: 0;}
html {font-family: sans-serif;}
body {background: #fffafc;}
header {}
  header h1 {font-weight: normal; padding: .5em 0 0 .5em;}
section {}
footer {}

p {padding: 1em;}
ul {padding: 1em;}
nav {width: 400px; max-width: 100%;}
nav ul {list-style: none;}
nav ul li {padding: .25em;}

a, a:visited {color: #f0a0c0;}
a:hover {color: #c0c000;}
  nav ul li:hover {background: #f0e0e0;}
a:active, a:focus {color: #f09000}
  nav ul li:active, nav ul li:focus {background: #f0d0e0;}


  footer h1 {font-size: 0;}
  footer {position: fixed; right: 0; bottom: 0;}