Update styles.css

styles.css

@@ -248,6 +248,29 @@ body {
     cursor: pointer;
 }
 
+/* Style for the logout button */
+#logout-button {
+    background-color: #ff4c4c; /* Red background */
+    color: white; /* White text */
+    border: none; /* No border */
+    padding: 10px 15px; /* Padding around the text */
+    border-radius: 5px; /* Rounded corners */
+    cursor: pointer; /* Pointer cursor on hover */
+    font-size: 16px; /* Font size */
+    transition: background-color 0.3s ease; /* Smooth transition for background color */
+}
+
+/* Change background color on hover */
+#logout-button:hover {
+    background-color: #e63939; /* Darker red on hover */
+}
+
+/* Style for the logout button when not hovered */
+#logout-button:focus {
+    outline: none; /* Remove focus outline */
+}
+
+
 /* Mobile Responsiveness */
 @media screen and (max-width: 768px) {
     .history-panel {