website/index.html

---
layout: default
title: "It's alive!"
---

<div class="h-screen flex items-center justify-center">
  <div class="w-5/6 sm:px-0 sm:w-2/3 md:w-1/2 2xl:w-1/3 text-gray-700">
    <div class="flex justify-start">
      <div class="font-serif font-extrabold md:font-bold text-2xl sm:text-5xl xl:text-7xl pr-1 sm:pr-2 xl:pr-3">
      ‘‘
      </div>
      <div class="text-xl sm:text-2xl xl:text-4xl md:font-medium">
        What gets us into trouble is not what we don't know.
        It's what we know for sure that just ain't so.
      </div>
    </div>
    <div class="flex justify-end">
      <span class="font-serif italic text-lg sm:text-xl xl:text-3xl md:pt-2">
        — Mark Twain
      </span>
    </div>
  </div>
</div>