{{ define "content" }}
  <style>
    .error {
      text-align: center;
    }
    .error h1 {
      font-size: 2.8rem;
      margin-bottom: 0.5rem;
    }
    .error h2 {
      font-size: 2rem;
    }
  </style>

  <section class="container centered">
    <div class="error">
      <h1>404</h1>
      <h2>Page Not Found</h2>
      <p>This page does not exist.<br /><a href="{{ .Site.BaseURL }}">Go to homepage</a></p>
    </div>
  </section>
{{ end }}