404.html

---
permalink: /404.html
layout: default
---

<style type="text/css" media="screen">
  .container {
    margin: 10px auto;
    max-width: 600px;
    text-align: center;
  }
  h1 {
    margin: 30px 0;
    font-size: 4em;
    line-height: 1;
    letter-spacing: -1px;
  }
</style>

<div class="container">
  <h1>404</h1>

  <p><strong>Page not found :(</strong></p>
  <p>The requested page could not be found.</p>
  <p>Redirecting to home page in <span id="countdown">5</span> seconds...</p>
</div>

<script>
  let timeLeft = 5;
  const countdownElement = document.getElementById('countdown');
  
  const countdownTimer = setInterval(() => {
    timeLeft--;
    countdownElement.textContent = timeLeft;
    
    if (timeLeft <= 0) {
      clearInterval(countdownTimer);
      window.location.href = '/';
    }
  }, 1000);
</script>