Updating some styles

static/js/game.js

@@ -2001,9 +2001,7 @@ function updateAccountTab() {
             `;
         });
     } else {
-        accountContent.innerHTML = `
-            <p class="sign-in-message">Please sign in to view account settings.</p>
-        `;
+        displaySignInMessage(accountContent, 'account settings');
     }
 }
 

static/styles.css

@@ -1410,18 +1410,14 @@ body {
 .sign-in-message,
 .no-achievements-message,
 .error-message {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
     text-align: center;
     color: #00ffff;
-    font-family: 'Orbitron', sans-serif;
-    padding: 20px;
-    background-color: rgba(18, 4, 88, 0.6);
-    border-radius: 10px;
-    box-shadow: 0 0 10px #ff00ff, inset 0 0 5px #00ffff;
+    font-size: 16px;
+    margin-top: 20px;
+    padding: 10px;
+    background-color: rgba(0, 255, 255, 0.1);
+    border-radius: 5px;
+    box-shadow: 0 0 10px #00ffff;
 }