404.html

---
layout: default
title: "404: Page not found"
permalink: /404.html
---

<div class="error-page">
    <h1 class="title">404</h1>
    <p>Sorry, the page you were looking for doesn't exist or has been moved.</p>
    <p>You can go back to the <a href="/">home page</a> or use the search bar to find what you're looking for.</p>
    <p>If you think this is an error, please contact us.</p>
</div>

<style>
    .error-page {
        text-align: center;
        padding: 50px;
        font-family: Arial, sans-serif;
    }

    .error-page .title {
        font-size: 100px;
        color: #ff6f61;
    }

    .error-page p {
        font-size: 18px;
        color: #333;
    }

    .error-page a {
        color: #007bff;
        text-decoration: none;
    }

    .error-page a:hover {
        text-decoration: underline;
    }
</style>