diff --git a/includes/auth.js b/includes/auth.js
index aa3a8fe..33e4500 100644
--- a/includes/auth.js
+++ b/includes/auth.js
@@ -211,6 +211,16 @@ export function handleAutoLogin(req, res) {
               h1 { font-size: 2.25em; color: white; text-align: center; margin: 0; }
               .spinner { border: 4px solid rgba(255, 255, 255, 0.3); border-top: 4px solid #ffffff; border-radius: 50%; width: 24px; height: 24px; animation: spin 1s linear infinite; }
               @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
+              @font-face {
+                font-family: 'Minecraft';
+                src: url('../font/MinecraftRegular-Bmg3.otf') format('opentype');
+                font-weight: normal;
+                font-style: normal;
+                font-display: swap;
+              }        
+              h1, h2, h3, h4, h5, h6 {
+                font-family: 'Minecraft', sans-serif; /* Apply Minecraft font to headers */
+              }
             </style>
           </head>
           <body>
@@ -268,6 +278,16 @@ export function handleAutoLogin(req, res) {
         h1 { font-size: 2.25em; color: white; text-align: center; margin: 0; }
         .spinner { border: 4px solid rgba(255, 255, 255, 0.3); border-top: 4px solid #ffffff; border-radius: 50%; width: 24px; height: 24px; animation: spin 1s linear infinite; }
         @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
+        @font-face {
+          font-family: 'Minecraft';
+          src: url('../font/MinecraftRegular-Bmg3.otf') format('opentype');
+          font-weight: normal;
+          font-style: normal;
+          font-display: swap;
+        }        
+        h1, h2, h3, h4, h5, h6 {
+          font-family: 'Minecraft', sans-serif; /* Apply Minecraft font to headers */
+        }
       </style>
     </head>
     <body>
diff --git a/public/index.html b/public/index.html
index 47fe5ae..3a06dc0 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>My-MC Server Panel</title>
+  <title>My-MC Panel</title>
   <link rel="stylesheet" href="/css/styles.min.css?p=1">
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/xterm@5.3.0/lib/xterm.min.js"></script>
@@ -20,7 +20,7 @@
   <div id="app" class="flex-grow">
     <div id="loginPage" class="hidden fixed inset-0 bg-gray-900 flex items-center justify-center">
       <div class="bg-gray-800 p-8 rounded-lg shadow-lg w-full max-w-md">
-        <h2 class="text-2xl font-bold mb-6 text-center">My-MC Server Panel</h2>
+        <h2 class="text-2xl font-bold mb-6 text-center">My-MC Panel</h2>
         <div class="mb-4">
           <input id="loginApiKey" type="text" placeholder="Enter API Key"
             class="bg-gray-700 px-4 py-2 rounded text-white w-full">
@@ -101,7 +101,7 @@
 
     <nav class="bg-gray-800 p-4 shadow-lg">
       <div class="container mx-auto flex justify-between items-center">
-        <h1 class="text-2xl font-bold">My-MC Server Panel</h1>
+        <h1 class="text-2xl font-bold">My-MC Panel</h1>
         <div class="flex space-x-4">
           <button id="refresh" class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded">Refresh</button>
           <button id="backupBtn" class="bg-purple-600 hover:bg-purple-700 px-4 py-2 rounded">Backup</button>
