Add shadows to the linktree links

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;
 }