subhead and tweaks

lib/labelmaker_web/components/layouts/app.html.heex

@@ -25,7 +25,7 @@
     </div>
   </div>
 </header>
-<main class="px-4 py-20 sm:px-6 lg:px-8">
+<main class="px-4 py-10 sm:px-6 lg:px-8">
   <div class="mx-auto max-w-2xl">
     <.flash_group flash={@flash} />
     {@inner_content}

lib/labelmaker_web/live/home.ex

@@ -55,8 +55,11 @@ defmodule LabelmakerWeb.Home do
       )
 
     ~H"""
-    <div class="max-w-xl mx-auto p-4 space-y-6">
-      <h1 class="text-2xl font-bold text-center">Labelmaker</h1>
+    <div class="max-w-xl mx-auto p-3 space-y-5">
+      <h1 class="text-5xl font-bold text-center text-primary">Labelmaker</h1>
+      <p class="text-l text-center w-[350px] m-auto">
+        Easily create text-based images. Perfect for quickly creating decals in Tabletop Simulator.
+      </p>
 
       <div
         class={