---
title: '404'
layout: default
permalink: 404.html
---
{% image './src/assets/img/404.jpg', title, 'w-full rounded-lg', '1200px' %}
<div class="text-center w-full">
  <h2 class="m-0 text-4xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-6xl mb-4">{{ title }}</h2>
  <h3 class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-6">
    What kind of idiots do you have working here?
  </h3>
  <div class="flex justify-center not-prose">
    <a href="/">
      <button class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full text-white dark:text-gray-900 !bg-purple-600 dark:bg-purple-400 hover:bg-purple-500">
        <span class="pt-1 md:pt-0 mr-1">
          {% heroicon "outline" "receipt-percent" "Receipt" "width=20 height=20" %}
        </span>
        <span>Skip out on the room service bill</span>
      </button>
    </a>
  </div>
</div>
<hr />
{% include "partials/popular-posts.liquid" %}