diff --git a/css/index.css b/css/index.css
index 7621e63..05ab953 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1,6 +1,7 @@
 body {
     font-family: 'Arial', sans-serif;
-    background-color: #f1f1f1;
+    background: rgb(0,0,0);
+    background: linear-gradient(39deg, rgba(0,0,0,1) 0%, rgba(128,3,251,1) 20%, rgba(107,6,255,1) 40%, rgba(88,31,255,1) 60%, rgba(43,0,255,1) 80%, rgba(0,0,0,1) 100%);
     margin: 0;
     padding: 0;
     text-align: center;
diff --git a/index.html b/index.html
index 9905b44..e9b6179 100644
--- a/index.html
+++ b/index.html
@@ -29,7 +29,7 @@
   </head>
   <body style="background-color: rgb(241, 241, 241); color: black;">
     <h1 style="color: black;">Welcome to EaglerCraftX</h1>
-    <button type="button" onclick="darkmode()">Change Color</button>
+    <button type="button" onclick="darkmode()">Dark Mode Enable</button>
 
 <script>
 function darkmode()
@@ -37,6 +37,7 @@ function darkmode()
 document.body.style.backgroundColor= "grey";
 }
 </script>
+<p>For the dark mode to turn off, just reload the page. </p>
     <p style="color: black;">Site views counter:</p>
     <div align="center">
       <a>
