{# Settings #}
{% set root = "../../" %}
{% set title = "404" %}

{% include "html/assets/include/nunjucks/partials/head.njk" %}
    {% include "html/assets/include/nunjucks/partials/core-fonts.njk" %}
    {% include "html/assets/include/nunjucks/partials/core-css.njk" %}
    {% include "html/assets/include/nunjucks/partials/css/css-unify.njk" %}
    {% include "html/assets/include/nunjucks/partials/css/css-custom.njk" %}
  </head>

  <body>
    <main class="g-min-height-100vh g-flex-centered g-pa-15">
      <div class="text-center g-flex-centered-item g-position-rel g-pb-15">
        <div class="g-font-size-180 g-font-size-240--sm g-line-height-1 g-font-weight-600er g-color-gray-light-v4">404</div>

        <div class="g-absolute-centered">
          <h1 class="g-color-black g-mt-minus-8 mb-0">404&nbsp;Not&nbsp;Found</h1>

          <hr class="g-brd-gray-light-v3 g-my-15">

          <p class="g-font-size-18 mb-0"><a href="#" class="g-color-black g-color-primary--hover g-text-no-underline--hover">← Home Page</a></p>
        </div>
      </div>
    </main>

    {% include "html/assets/include/nunjucks/partials/core-js.njk" %}

    <!-- JS Customization -->
    <script src="{{ root }}assets/js/custom.js"></script>
  </body>
</html>
