statica 0.51.3

A blazingly fast static site generator that builds on just HTML
Documentation
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>404 Not Found</title>
    <style>
      :root {
        color-scheme: light;
        font-family:
          Karla, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
          "Segoe UI", sans-serif;
        background: #f8fafc;
        color: #0f172a;
      }
      body {
        min-height: 100vh;
        margin: 0;
        display: grid;
        place-items: center;
        background-image:
          linear-gradient(color-mix(in oklab, currentColor 4%, transparent) 1px, transparent 1px),
          linear-gradient(90deg, color-mix(in oklab, currentColor 4%, transparent) 1px, transparent 1px);
        background-size: 28px 28px;
      }
      main {
        display: grid;
        justify-items: center;
        gap: 1rem;
        width: min(100% - 2rem, 34rem);
        text-align: center;
      }
      h1 {
        margin: 0;
        font-size: 2rem;
        line-height: 0.9;
        font-weight: 600;
      }
      p {
        margin: 0;
        color: #475569;
        line-height: 1.5;
      }
      a {
        color: #089868;
        font-size: 12px;
        text-decoration-thickness: 0.08em;
        text-underline-offset: 0.25em;
      }
    </style>
  </head>
  <body>
    <main>
      <h1>404</h1>
      <p>The page you are looking for does not exist.</p>
    </main>
  </body>
</html>