Transfer

index.html

@@ -57,7 +57,14 @@
 
                 </a>
 
+                <a class="box" href="">
 
+                    <div class="box-content">
+                        <img class="homepage_gridbanner" src="./assets/images/Server.png" alt="Server">
+                        <h5>Join the server!</h5>
+                    </div>
+
+                </a>
                 <div class="box">4</div>
                 <div class="box">5</div>
                 <div class="box">6</div>

stylesheet.css

@@ -118,7 +118,7 @@ body {
     align-items: center;
     text-decoration: none;
     color: white;
-    transition: background-color 0.75s ease, color 1s ease;
+    transition: background-color 0.75s ease, color 0.75s ease;
 }
 .box:hover {
     background-color: white;
@@ -145,15 +145,23 @@ body {
 #discord-box {
     background-color: #5865F2;
     color: white;
-    transition: background-color 0.75s ease;
     display: flex;
+    flex-direction: column;
+
+    padding: 25px;
+    border-radius: 20px;
+    font-size: 30px;    
+    
+    text-decoration: none;
+
+    transition: background-color 0.75s ease;
 }
 
 #discord_div {
     display: flex;
     flex-direction: column;
     align-items: center;
-    justify-content: center;
+
     transition: filter 0.75s ease;
 }