From 0ba9c8c1751aff5adea206bea16f655dba2918df Mon Sep 17 00:00:00 2001
From: powermaker450 <contact@povario.com>
Date: Thu, 15 Aug 2024 20:08:21 -0400
Subject: [PATCH] Cycle blur depending on social button state

---
 src/index.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/index.css b/src/index.css
index d5cca08..2430c11 100644
--- a/src/index.css
+++ b/src/index.css
@@ -16,7 +16,8 @@
   --secondary: rgb(100, 100, 100);
   --tertiary: rgb(30, 30, 30);
   --text-color: rgb(255, 255, 255);
-  --shadow: 5px 5px 7px rgba(40, 40, 40, 0.5);
+  --shadow-color: rgba(40, 40, 40, 0.5);
+  --shadow: 5px 5px 7px var(--shadow-color);
 }
 
 body {
@@ -136,12 +137,14 @@ body {
   border-radius: 20px;
   transition:
     background-color 0.25s,
-    transform 0.25s;
+    transform 0.25s,
+    box-shadow 0.5s;
   box-shadow: var(--shadow);
 }
 
 .social-link-button:hover {
   background-color: var(--secondary);
+  box-shadow: 0 0 7px var(--shadow-color);
 }
 
 .social-link-button:active {