<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>The Wonder Dome | Page Not Found</title>
    <link rel="stylesheet" href="/styles/styles.<%= site.version -%>.css">
    <style>
      *, *:before, *:after {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
        height: 100%;
      }

      a,
      a:link {
        color: #c9bb69;
      }

      a:visited {
        color: #c57f5d;
      }

      a:hover {
        color: #efb88f;
      }

      a:active {
        background-color: #8c272d;
        color: #efb88f;
      }

      body {
          background: url("/images/404-bg.jpg") no-repeat center center fixed;
          background-color: #121a24;
          background-size: cover;
          color: #b9b9ba;
          line-height: 1.8em;
          vertical-align: middle;
      }
      .container {
        margin: 0 auto;
        background-color: #333333;
        background-color: rgba(33,33,33,.7);
        border-radius: 1em;
        max-width: 30em;
        width: 100%;
        padding: 2em;
      }

    </style>
  </head>
  <body>
    <div class="container">
      <h1>Page Not Found</h1>
      <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, or</li>
        <li>a side effect of <a href="https://en.wikipedia.org/wiki/Hackers_(film)">some n00b trying to hack &quot;The Gibson&quot;</a>.</li>
      </ul>
      <p>You can <a href="javascript:history.go(-1);" title="Go back and hack!">go back and try again</a>, or just start over at the <a href="/" title="Give up and go to 127.0.0.1!">Wonder Dome home page</a>.</p>
    </div>
  </body>
</html>
