{{ define "main" }}
<div id="content" class="site-content">
  <div class="ctb-content-sidebar u-wrapper">
    <main id="primary" class="site-main">
      <article class="ctb-article ctb-singular page type-page hentry">
        <div class="ctb-content">
          <div class="entry-content has-text-align-center">
            <h1 class="block-heading pulse">404</h1>
            <h2 class="block-heading">
              {{ with .Site.Params.notfound.header }}{{ . }}{{ else }}Page Not Found{{ end }}
            </h2>
            <p class="block-heading">
              {{ with .Site.Params.notfound.paragraph }}{{ . }}{{ else }}Sorry, the page you are looking for could not be found.{{ end }}
            </p>
            {{ with .Site.Params.notfound.image }}
              <div class="block-image">
                <figure class="aligncenter size-full">
                  <img loading="lazy" decoding="async" width="auto" height="512px"
                       src="{{ . | safeURL }}"
                       alt="{{ with $.Site.Params.notfound.alt }}{{ . }}{{ end }}">
                </figure>
              </div>
            {{ end }}
          </div>
        </div>
      </article>
    </main>
  </div>
</div>
{{ end }}