diff --git a/index.html b/index.html
index 23206b2..c28a93b 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,39 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
+    <style>
+        form {
+            margin: 100px auto;
+            width: 300px;
+            padding: 30px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        }
+        label {
+            display: block;
+            margin-bottom: 10px;
+           
+        }
+        input {
+            width: 100%;
+            padding: 8px;
+            margin-bottom: 20px;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+        }
+        button {
+            width: 100%;
+            padding: 10px;
+            background-color: #28a745;
+            color: white;
+            border: none;
+            border-radius: 4px;
+        }
+        button:hover {
+            background-color: #218838;
+        }
+    </style>
 </head>
 <body>
     <!-- //login form -->
@@ -15,6 +48,8 @@
         <input type="password" id="password" name="password" required>
         <br>
         <button type="submit">Login</button>
+    </form>
+       
         
 </body>
 </html>
\ No newline at end of file
