From 1e1be847c02703ffcf0a926b00c950e5f637e7f0 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Mon, 26 May 2025 06:54:25 +0200
Subject: [PATCH] Refactor and enhance cat glow styling

---
 index.html | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 735ffd3..68d8ec9 100644
--- a/index.html
+++ b/index.html
@@ -164,8 +164,22 @@
 
 
     /*maybe move this into the cat later*/
-    #cat-sprite.glow {
-      transition: filter 0.6s cubic-bezier(.8,.2,.2,1);
+    #cat-glow {
+      position: absolute;
+      left: 50%; top: 50%;
+      transform: translate(-50%, -60%); /* feinjustieren */
+      width: 120px; height: 80px;
+      pointer-events: none;
+      z-index: 1; /* Katze muss drüber sein */
+      opacity: 1;
+      transition:
+        box-shadow 0.5s cubic-bezier(.8,.2,.2,1),
+        background 0.5s cubic-bezier(.8,.2,.2,1),
+        opacity 0.4s;
+    }
+    #cat-sprite {
+      position: relative;
+      z-index: 
     }
   </style>
 </head>
@@ -223,7 +237,7 @@
 
     <!-- Cat -->
     <div id="cat-glow"></div>
-    <div id="catSlot" class="absolute bottom-2 left-2"></div>
+    <div id="catSlot" class="relative bottom-2 left-2"></div>
 
     <!-- Interaction Bar -->
     <div class="w-full h-16 flex items-center p-4 interaction-bar"