Update static/index.css

static/index.css

@@ -51,21 +51,23 @@ body {
 }
 
 /* HOME link at top right */
-a {
-  position: fixed;
-  top: 20px;
-  right: 20px;
-  z-index: 10;
-  font-size: 18px;
-  padding: 10px 20px;
-  background-color: white;
-  color: #1a73e8;
-  text-decoration: none;
-  border-radius: 5px;
-  border: 1px solid #1a73e8;
-  font-weight: bold;
-  box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
-}
+  a {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    z-index: 9999; /* very high so it’s on top */
+    font-size: 18px;
+    padding: 10px 20px;
+    background-color: white;
+    color: #1a73e8;
+    text-decoration: none;
+    border-radius: 5px;
+    border: 1px solid #1a73e8;
+    font-weight: bold;
+    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
+  }
+
+
 
 /* Form container */
 .page-container {
@@ -115,18 +117,21 @@ a {
 
 /* Buttons */
 .btn {
-  padding: 12px;
-  font-size: 16px;
-  font-weight: bold;
-  cursor: pointer;
-  border-radius: 5px;
-  border: none;
-  color: white;
-  width: 100%;
-  text-align: center;
-  display: inline-block;
-  text-decoration: none;
-}
+        flex: 1;
+      padding: 14px 20px;
+      border: none;
+      border-radius: 8px;
+      font-size: 16px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      text-decoration: none;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+    }
+
 
 .btn-primary {
   background-color: #1a73e8;