From 975e4ca76c2c2f201394717b5a096d4376ccd320 Mon Sep 17 00:00:00 2001
From: reiyua <rei@reiyua.lol>
Date: Sat, 19 Oct 2024 14:48:45 +1100
Subject: [PATCH] Add CSS styling for Button on 404 HTML page

---
 styles.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/styles.css b/styles.css
index 96d2a8d..c1031f9 100644
--- a/styles.css
+++ b/styles.css
@@ -97,3 +97,27 @@ h1 {
     text-align: center;
     font-family: 'Jersey 10', sans-serif;
 }
+
+.home-button {
+    display: inline-block;
+    padding: 15px 30px;
+    margin-top: 20px;
+    background-color: #FAD6A5; /* Green button */
+    color: white;
+    text-decoration: none;
+    font-size: 1.2em;
+    font-family: 'Jersey 10', sans-serif;
+    border-radius: 5px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+    transition: background-color 0.3s ease, transform 0.3s ease;
+}
+
+.home-button:hover {
+    background-color: #45a049; /* Darker green on hover */
+    transform: translateY(-3px); /* Slight raise effect */
+}
+
+.home-button:active {
+    background-color: #388E3C; /* Even darker when active */
+    transform: translateY(0); /* Return to original position */
+}