From 4db405732f61ccb771b698686cbeb23c89ba2ede Mon Sep 17 00:00:00 2001
From: toddriley <toddriley@macbook-pro>
Date: Fri, 29 Sep 2023 15:36:17 -0400
Subject: [PATCH] Bring back the big mascot on large screens.

---
 docs/src/components/Mascot.tsx | 6 +++++-
 docs/tailwind.config.js        | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/src/components/Mascot.tsx b/docs/src/components/Mascot.tsx
index a1732641..452a1b4e 100644
--- a/docs/src/components/Mascot.tsx
+++ b/docs/src/components/Mascot.tsx
@@ -59,7 +59,11 @@ export function Mascot() {
         "opacity-100",
         "wide-phone:top-[145px]",
         "tablet:top-[30px]",
-        "desktop:left-auto",
+        "desktop:max-w-[1245px]",
+        "desktop:h-[2616px]",
+        "desktop:left-[-250px]",
+        "xl:absolute",
+        "xl:left-[-250px]",
       ])}
     />
   );
diff --git a/docs/tailwind.config.js b/docs/tailwind.config.js
index e672e84f..50aa28b7 100644
--- a/docs/tailwind.config.js
+++ b/docs/tailwind.config.js
@@ -48,6 +48,7 @@ module.exports = {
       "wide-phone": "600px",
       tablet: "800px",
       desktop: "1159px",
+      xl: "1300px",
     },
   },
 };