Update for Enhance Styles 5.0

.gitignore

@@ -4,3 +4,5 @@ node_modules/
 manifest.json
 package-lock.json
 .DS_Store
+.enhance/
+public/static.json

app/pages/index.html

@@ -72,71 +72,67 @@
 <main
   class="
     m-auto
-    pt6
-    pr2
-    pb2
-    pl2
+    pbs5
+    pbe2
+    pi2
     color-light
     font-sans
   "
 >
   <div
     class="
       welcome
-      m-auto
-      pr2
-      pl2
-      mb3
+      mi-auto
+      pi2
+      mbe3
    "
   >
     <img src="/_public/axol-welcome.svg" alt="Welcome to">
   </div>
   <div
     class="
-      pr1
-      pl1
-      mb2
+      pi1
+      mbe2
     "
   >
     <img src="/_public/enhance-type.svg" alt="Enhance">
   </div>
   <section
     class="
       p2
-      mb1
-      text0
+      mbe1
       text1-lg
       bg-navy
       radius5
       font-light
       leading5
     "
   >
-    <p class="mb-1">
-      The source for this page lives in <span class="font-mono font-light inline-flex items-center pr-3 pl-3 border-solid border1 border-lilac radius1 ">app/pages</span>
+    <p class="mbe-1">
+      The source for this page lives in <span class="font-mono font-light inline-flex align-items-center pi-3 border-solid border1 border-lilac radius1 ">app/pages</span>
 
     </p>
     <p>
-      Edit <span class="font-mono font-light inline-flex items-center pr-3 pl-3 border-solid border1 border-lilac radius1">app/pages/index.html</span> to see your changes
+      Edit <span class="font-mono font-light inline-flex align-items-center pi-3 border-solid border1 border-lilac radius1">app/pages/index.html</span> to see your changes
     </p>
   </section>
   <div
     class="f
      grid-lg
      flow-col
      gap1
-     w-full
+     si-100
     "
    >
     <a
       href="https://enhance.dev/docs/"
       class="
         link-btn
-        mb1
+        mbe1
         p1
         flex
-        justify-center
-        items-center
+        justify-content-center
+        align-items-center
         radius5
         bg-lilac
         font-bold
@@ -147,11 +143,11 @@
     <a
       href="https://enhance.dev/discord/"
       class="
-        mb1
+        mbe1
         link-btn
         flex
-        justify-center
-        items-center
+        justify-content-center
+        align-items-center
         radius5
         bg-lilac
         font-bold
@@ -160,7 +156,7 @@
       <div
         class="
           discord-logo
-          mr-2
+          mie-2
         "
       >
         <img src="/_public/discord-logo.svg" alt="Discord logo">