<?php get_header(); ?>

<main id="main">
    <div class="container" style="padding: 120px 0; text-align: center;">
        <h1 style="font-size: 48px; color: var(--wp--preset--color--evergreen);">404</h1>
        <p style="font-size: 19px; color: var(--wp--preset--color--granite); margin-top: 16px;">
            The page you're looking for doesn't exist.
        </p>
        <a href="<?php echo home_url('/'); ?>" class="btn btn--gold" style="margin-top: 32px; display: inline-flex;">
            Back to Home
        </a>
    </div>
</main>

<?php get_footer(); ?>