From dfe28ba5c4bcc08b351e5ee6c63da98d4d532929 Mon Sep 17 00:00:00 2001
From: powermaker450 <contact@povario.com>
Date: Thu, 15 Aug 2024 19:18:00 -0400
Subject: [PATCH] Add box shadow to the buttons and message divs

---
 src/index.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/index.css b/src/index.css
index c7cdd06..d5cca08 100644
--- a/src/index.css
+++ b/src/index.css
@@ -16,6 +16,7 @@
   --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);
 }
 
 body {
@@ -136,6 +137,7 @@ body {
   transition:
     background-color 0.25s,
     transform 0.25s;
+  box-shadow: var(--shadow);
 }
 
 .social-link-button:hover {
@@ -154,6 +156,7 @@ body {
   padding: 17px;
   background-color: var(--primary);
   border-radius: 17px;
+  box-shadow: var(--shadow);
 }
 
 @media (prefers-color-scheme: light) {
@@ -164,5 +167,6 @@ body {
     --secondary: rgb(170, 170, 170);
     --tertiary: rgb(100, 100, 100);
     --text-color: rgb(0, 0, 0);
+    --shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);
   }
 }