404.html

---
layout: default
sitemap: false
---

<style type="text/css" media="screen">
  .container {
    margin: 10px auto;
    max-width: 600px;
    text-align: center;
  }
  h1 {
    margin: 30px 0;
    font-size: 4em;
    line-height: 1;
    letter-spacing: -1px;
  }
  article {
    display: block;
    text-align: left;
    width: 500px;
    margin: 0 auto; 
  }
  span[data-frown]:hover { margin-left: 0.1em; transform: rotate(90deg) translate(50%); display:inline-block; color: #bbb; }
</style>

<div class="container">
  <article>
  <h1>Not found <span data-frown>:(</span></h1>
  <div>
    <p>Sorry, but the page you were trying to view does not exist.</p>
    <p>It looks like this was the result of either:</p>
    <ul>
      <li>a mistyped address</li>
      <li>an out-of-date link</li>
    </ul>
  </div>
  </article>
</div>