Testing Gradient

CampbellOhlsen · Nov 22, 2023 · 742d9a6 · 742d9a6
1 parent a608ec0
commit 742d9a6
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/index.htm b/index.htm
@@ -23,12 +23,12 @@
 </style>
 
 <body class="flex w-full h-screen justify-center items-center text-slate-300 font-sans text-4xl font-bold antialiased">
-    <div id="register" hx-swap="outerHTML swap:0.25s" class="fade-me-out w-full h-1/5 justify-items-center grid grid-cols-2 gap-y-40 m-20">
+    <div id="register" hx-swap="outerHTML swap:0.25s" class="fade-me-out w-full h-1/5 justify-items-center grid grid-cols-2 gap-y-40 m-20 bg-gradient-to-r from-cyan-500 to-blue-500">
         <p class="font-sans text-7xl text-slate-300 font-bold col-start-1 col-span-2">Who are you?</p>
-        <button hx-get="/user" hx-trigger="click" hx-target="#register" class="bg-sky-600 h-auto w-4/5 rounded-full col-start-1 col-span-1">
+        <button hx-get="/user" hx-trigger="click" hx-target="#register" class="h-auto w-4/5 rounded-full col-start-1 col-span-1">
             <p class="my-10"><i class="fa-solid fa-user"></i> USER</p>
         </button>
-        <button hx-get="/tech" hx-trigger="click" hx-target="#register" class="bg-sky-600 h-auto w-4/5 rounded-full col-start-2 col-span-2">
+        <button hx-get="/tech" hx-trigger="click" hx-target="#register" class="h-auto w-4/5 rounded-full col-start-2 col-span-2">
             <p class="my-10"><i class="fa-solid fa-wrench"></i> TECH</p>
         </button>
     </div>