From 58b87cddbf9c7a2c39e89466441d65f9d0e817fc Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Fri, 6 Jan 2023 20:58:12 -0800
Subject: [PATCH] Add drop shadows to remaining elements

---
 index.html | 7 +++++++
 style.css  | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 8f3e5df..0550acf 100644
--- a/index.html
+++ b/index.html
@@ -48,6 +48,13 @@
         border-radius: 4px;
         padding: 4px;
         animation: 800ms fadeIn both;
+        transition: filter 800ms;
+      }
+
+      :host(:hover),
+      :host(:focus-within) {
+        filter: drop-shadow(0 0 4px hsl(222deg 50% 50%));
+        transition: filter 400ms;
       }
 
       ::slotted(*) {
diff --git a/style.css b/style.css
index 459ce3e..85bfdab 100644
--- a/style.css
+++ b/style.css
@@ -64,7 +64,7 @@ a {
 
 a:hover,
 a:focus-within {
-  filter: brightness(120%);
+  filter: brightness(120%) drop-shadow(0 0 4px hsl(222deg 50% 50%));
   transition: filter 400ms;
 }
 
-- 
2.47.3