From 0920ad5c6fac7790dd88ead67025701fe83124c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Orzech?= <pawel@pawelorzech.pl>
Date: Sat, 28 Jun 2025 01:30:23 +0200
Subject: [PATCH] Update index.html

animated buttons part
---
 index.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/index.html b/index.html
index aa121e9..413b037 100644
--- a/index.html
+++ b/index.html
@@ -47,10 +47,18 @@
             cursor: pointer;
             transition: all 0.2s ease-in-out;
             filter: grayscale(50%);
+            border-radius: 9999px; /* Make them round */
+            padding: 0.25rem; /* Add some padding */
+        }
+        .switcher button:hover {
+            transform: scale(1.25); /* Slightly larger on hover */
+            filter: grayscale(0); /* Full color on hover */
+            box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* Subtle shadow on hover */
         }
         .switcher .active {
             transform: scale(1.15);
             filter: grayscale(0);
+            box-shadow: 0 2px 8px rgba(0,0,0,0.15); /* More prominent shadow for active */
         }
     </style>
 </head>