From 5332c422a19d4d0a8231820426bf3ad8f2d251fe Mon Sep 17 00:00:00 2001
From: Zakarya <zakaryacarroll.contact@gmail.com>
Date: Wed, 24 Jul 2024 15:20:29 -0700
Subject: [PATCH] Add shadows to the linktree links

---
 css/style.css | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/css/style.css b/css/style.css
index 10a33aa..6089d6f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -104,23 +104,17 @@ ul.linktree {
 
 ul.linktree li {
     margin: 12px;
-
     text-align: center;
-
 }
 
-ul.linktree li a:hover {
-    cursor: pointer;
-    background-color: #383c3f
-}
-
-ul.linktree li a {
+ul.linktree li a { /* Pill button shape */
     text-decoration: none;
     color: white;
 
     background-color: #4c5053;
     padding: 8px;
     border-radius: 50px;
+    box-shadow: 2px 2px 4px #00000066;
     transition-duration: 0.5s;
 
     display: inline-block;
@@ -128,6 +122,11 @@ ul.linktree li a {
     box-sizing: border-box;
 }
 
+ul.linktree li a:hover {
+    cursor: pointer;
+    background-color: #383c3f
+}
+
 div.footer {
     border-top: solid 1px #00000033;
 }