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