<template>
<div class="max-w-7xl mx-auto border-l py-48 flex items-center justify-center border-r border-gray-700 border-dashed">
  <div class="flex flex-col items-center justify-center">
    <div data-aos="fade-up" class="text-center">
      <h2 class="text-2xl tracking-tight font-extrabold text-gray-200">
        404 not found
      </h2>
      <p class="mt-2 px-2 max-w-2xl mx-auto text-sm leading-7 text-gray-400">
        probably travolta should head back home
      </p>
    </div>
    <video data-aos="zoom-in" class="mt-10 relative shadow-xl rounded-2xl z-30" width="500" autoplay loop muted playsinline>
      <source src="https://media.giphy.com/media/3o7aTskHEUdgCQAXde/giphy.mp4" type="video/mp4">
    </video>
  </div>
</div>
</template>

<script>
export default {
}
</script>

<style scoped>

</style>
