diff --git a/rules.html b/rules.html
index c3c32a3..e9bb19f 100644
--- a/rules.html
+++ b/rules.html
@@ -3,9 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>RujuxMC - Server Rules</title>
+    <title>Smith & Tech MC - Server Rules</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="https://www.smithandtech.com/wp-content/uploads/2025/11/shield-sword-outline-custom-2.png" type="image/x-icon">
     <script>
         tailwind.config = {
             theme: {
@@ -33,12 +33,18 @@
     <style>
         
         body {
-            font-family: 'Inter', sans-serif;
-            color: #f8fafc; 
-            background: linear-gradient(to bottom right, #0f172a, #1a2333); 
+            font-family: 'Poppins', sans-serif;
+            background-color: #0f172a;
+            color: #f8fafc;
+            background-image: url('/img/backgrounds/background6.png');
+            background-size: cover;
+            background-position: center center;
+            background-attachment: fixed;
             min-height: 100vh;
             display: flex;
             flex-direction: column;
+            justify-content: space-between;
+            transition: background-image 1s ease-in-out;
         }
 
         .liquid-glass-container {
@@ -122,8 +128,40 @@
     </div>
 
     <footer class="p-4 md:p-6 bg-marine-dark text-text-dark text-center text-sm rounded-t-xl mx-auto w-full max-w-7xl mb-4 border-t border-marine-light backdrop-blur-sm bg-opacity-80 mt-auto">
-        <p>&copy; 2025 RujuxMC. All right reserved. | Made with ❤️ by Jallox.</p>
-        <p class="mt-2">Allowed: <strong class="text-text-light">Modify, Host, Commercial-Use</strong>. Not allowed: <strong class="text-text-light">Resell / redistribute</strong></p>
+        <p>&copy; 2025 Smith & Tech. All right reserved. | Made with ❤️ by MoWetTheDon.</p>
+        <!-- <p class="mt-2">Alowed: <bold>Modify, Host, Commercial-Use</bold>. Not allowed: <bold>Resell / redistribute
+                </bold>
+            </p> -->
     </footer>
+
+        <!-- Background changing script -->
+    <!-- 
+        Make sure all the images has the same aspect ratio (16:9 recommended)
+        Add your background images in the "backgrounds" array below
+
+        If you want to disable the background changing feature, remove this script
+        or comment it out.
+    -->
+    <script>
+        const backgrounds = [
+            '/img/backgrounds/background6.png',
+            '/img/backgrounds/background2.png',
+            '/img/backgrounds/background3.webp',
+            '/img/backgrounds/background4.jpg',
+            '/img/backgrounds/background5.jpg',
+            '/img/backgrounds/background1.png',
+            // Add more backgrounds as needed,
+        ];
+
+        let currentIndex = 0;
+        const body = document.body;
+
+        function changeBackground() {
+            currentIndex = (currentIndex + 1) % backgrounds.length;
+            body.style.backgroundImage = `url('${backgrounds[currentIndex]}')`;
+        }
+
+        setInterval(changeBackground, 15000);
+    </script>
 </body>
 </html>
diff --git a/staff.html b/staff.html
index d747d18..01c86a2 100644
--- a/staff.html
+++ b/staff.html
@@ -3,9 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>RujuxMC - Equipo de Staff</title>
+    <title>Smith & Tech - Staff</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="https://www.smithandtech.com/wp-content/uploads/2025/11/shield-sword-outline-custom-2.png" type="image/x-icon">
     <script>
         tailwind.config = {
             theme: {
@@ -32,13 +32,18 @@
     <style>
         
         body {
-            font-family: 'Inter', sans-serif;
-            color: #f8fafc; 
-            
-            background: linear-gradient(to bottom right, #0f172a, #1a2333); 
+            font-family: 'Poppins', sans-serif;
+            background-color: #0f172a;
+            color: #f8fafc;
+            background-image: url('/img/backgrounds/background6.png');
+            background-size: cover;
+            background-position: center center;
+            background-attachment: fixed;
             min-height: 100vh;
             display: flex;
             flex-direction: column;
+            justify-content: space-between;
+            transition: background-image 1s ease-in-out;
         }
 
         
@@ -84,14 +89,14 @@
             <section class="liquid-glass-container grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 w-full">
                 <div class="staff-card">
                     <img src="https://crafatar.com/renders/head/069a79f4-44e9-4726-a5be-fca90e3ddaf5?size=128&overlay" alt="Notch skin" class="staff-skin" onerror="this.onerror=null;this.src='https://placehold.co/128x128/334155/ffffff?text=Error';">
-                    <h2 class="text-2xl font-bold text-text-light mt-2 text-center">Notch</h2>
+                    <h2 class="text-2xl font-bold text-text-light mt-2 text-center">MoWetTheDon</h2>
                     <p class="text-marine-accent text-lg text-center">Founder</p>
                     <p class="text-text-dark text-center mt-2">The creator of everything. Always looking for ways to innovate and attract new players.</p>
                 </div>
 
                 <div class="staff-card">
                     <img src="https://crafatar.com/renders/head/8e9f5e1f-6b7a-4c2f-b8c7-4d9e5f1a2b3c?size=128&overlay" alt="Mod skin" class="staff-skin" onerror="this.onerror=null;this.src='https://placehold.co/128x128/334155/ffffff?text=Error';">
-                    <h2 class="text-2xl font-bold text-text-light mt-2 text-center">AventureroMC</h2>
+                    <h2 class="text-2xl font-bold text-text-light mt-2 text-center">Overimagined.dev</h2>
                     <p class="text-marine-accent text-lg text-center">Main mod</p>
                     <p class="text-text-dark text-center mt-2">In charge of maintaining peace and resolving conflicts on the server.</p>
                 </div>
@@ -120,5 +125,37 @@
             <p>&copy; 2025 RujuxMC. All right reserved. | Made with ❤️ by Jallox.</p>
             <p class="mt-2">Alowed: <bold>Modify, Host, Commercial-Use</bold>. Not allowed: <bold>Resell / redistribute</bold></p>
         </footer>
+
+
+
+        <!-- Background changing script -->
+    <!-- 
+        Make sure all the images has the same aspect ratio (16:9 recommended)
+        Add your background images in the "backgrounds" array below
+
+        If you want to disable the background changing feature, remove this script
+        or comment it out.
+    -->
+    <script>
+        const backgrounds = [
+            '/img/backgrounds/background6.png',
+            '/img/backgrounds/background2.png',
+            '/img/backgrounds/background3.webp',
+            '/img/backgrounds/background4.jpg',
+            '/img/backgrounds/background5.jpg',
+            '/img/backgrounds/background1.png',
+            // Add more backgrounds as needed,
+        ];
+
+        let currentIndex = 0;
+        const body = document.body;
+
+        function changeBackground() {
+            currentIndex = (currentIndex + 1) % backgrounds.length;
+            body.style.backgroundImage = `url('${backgrounds[currentIndex]}')`;
+        }
+
+        setInterval(changeBackground, 15000);
+    </script>
 </body>
 </html>
