From a29a9f9eb484774cfb6d4624850ceed05176b7a2 Mon Sep 17 00:00:00 2001
From: LeoTurlock <leo.turlock@gmail.com>
Date: Thu, 25 Apr 2024 21:38:49 +0200
Subject: [PATCH] Updated discord box fading

---
 index.html     |  6 +++---
 stylesheet.css | 10 +++++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 851259d..85b8d3c 100644
--- a/index.html
+++ b/index.html
@@ -58,9 +58,9 @@
                 </a>
 
 
-                <div class="grid-item">4</div>
-                <div class="grid-item">5</div>
-                <div class="grid-item">6</div>
+                <div class="box">4</div>
+                <div class="box">5</div>
+                <div class="box">6</div>
             </div>            
 
 
diff --git a/stylesheet.css b/stylesheet.css
index a631ca9..b41d0bb 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -145,7 +145,7 @@ body {
 #discord-box {
     background-color: #5865F2;
     color: white;
-    transition: filter 0.75s ease, background-color 0.75s ease;
+    transition: background-color 0.75s ease;
     display: flex;
 }
 
@@ -154,10 +154,10 @@ body {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-
+    transition: filter 0.75s ease;
 }
 
-#discord_icon {
+#discord_logo {
     height: 75px;
     width: 75px;
     margin: 30px;
@@ -172,3 +172,7 @@ body {
     filter: invert(1);
 }
 
+#discord-box:hover > #discord_div{
+    filter: invert(1);
+}
+