From 69d4f40c5550b81ea4a963e97589ede65c728856 Mon Sep 17 00:00:00 2001
From: mauro-balades <mauro.balades@tutanota.com>
Date: Mon, 16 Sep 2024 23:23:17 +0200
Subject: [PATCH] Refactor CoolHeaderText component to add animation and
 improve styling

---
 src/components/cool-header-text.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/cool-header-text.tsx b/src/components/cool-header-text.tsx
index 4f49245..16dc4e9 100644
--- a/src/components/cool-header-text.tsx
+++ b/src/components/cool-header-text.tsx
@@ -27,7 +27,7 @@ export default function CoolHeaderText() {
                     Beautiful. Fast. Private.<br />Your Browser, Your Way.
                 </TextTitle>
             </div>
-            <div className="absolute top-[-5px] right-[-20px] transform shadow rotate-[15deg] rounded-full mt-12 pointer-events-none hidden md:block bg-blue-500 px-3 py-1 w-fit h-fit">
+            <div className="text-white absolute animate-fade-in top-[-5px] right-[-20px] transform shadow !rotate-[15deg] rounded-full mt-12 pointer-events-none hidden md:block bg-blue-500 px-3 py-1 w-fit h-fit opacity-0 [--animation-delay:400ms]">
                 Alpha Version
             </div>
         </>