diff --git a/index.html b/index.html
index 32f7762..50aa229 100644
--- a/index.html
+++ b/index.html
@@ -9,13 +9,18 @@
 <body>
     <!-- //login form -->
      <form action="/login" method="post">
+         <h2>User Login Form</h2>
         <label for="username">Username:</label>
         <input type="text" id="username" name="username" required>
         <br>
         <label for="password">Password:</label>
         <input type="password" id="password" name="password" required>
         <br>
+        
+        <label for="about">About Yourself:</label>
+        <textarea id="about" name="about"  rows="4" cols="30" placeholder="Write something about yourself"></textarea>
+        <br><br>
         <button type="submit">Login</button>
         
 </body>
-</html>
\ No newline at end of file
+</html>    
\ No newline at end of file
diff --git a/style.css b/style.css
index eed8207..c4a2946 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,56 @@
 body {
     background-color: lightblue;
+    justify-content:center;
+    align-items:center;
+    background-color: #f2f2f2;
 }
+
+.login-form h2 {
+    text-align: center;
+    margin-bottom:20px;
+}
+
+
+label {
+    margin-top:12px;
+    font-weight:bold;
+}
+
+input, textarea {
+width: 100%;
+padding: 8px;
+margin-top: 5px;
+border: 1px solid #aaa;
+border-radius: 4px;
+}
+
+button {
+ margin-top: 20px;
+ width: 100%;
+    padding: 10px;
+ background-color: #4CAF50;
+color: white;
+border: none;
+border-radius: 4px;
+}
+
+button:hover {
+ background-color: #08340a;
+}
+
+
+
+.login-form {
+    width:400px;
+margin:40px auto;
+padding:20px;
+ background-color: white;
+border: 1px solid #ccc;
+    border-radius:6px;
+}
+
+
+
+
+
+   
\ No newline at end of file
