From be28b93ef2c97990da7617d2333ee7493d63f233 Mon Sep 17 00:00:00 2001
From: looskie <50378828+Looskie@users.noreply.github.com>
Date: Fri, 25 Jun 2021 21:40:28 -0400
Subject: [PATCH] Feat: Box shadows :)

---
 pages/index.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/pages/index.tsx b/pages/index.tsx
index 1255c32..d70fbf2 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -112,6 +112,7 @@ const Input = styled.input`
     padding: 5px 10px;
     color: #aaabaf;
     background: #191d28;
+    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
     transition: background ease-in-out 0.2s;
 
     &:focus {
@@ -128,6 +129,7 @@ const Output = styled.div`
     padding: 8px;
     backdrop-filter: blur(50px);
     background: rgb(0, 0, 0, 0.1);
+    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
 `;
 
 const Example = styled.img`
@@ -135,4 +137,5 @@ const Example = styled.img`
     margin: 0 auto;
     padding: 15px 20px;
     width: 100%;
+    filter: drop-shadow(0px 3px 15px rgba(0, 0, 0, 0.2));
 `;