diff --git a/index.html b/index.html
index e7f19c6..2011b91 100644
--- a/index.html
+++ b/index.html
@@ -7,15 +7,22 @@
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
-    <!-- //login form -->
-     <form action="/login" method="post">
+    <form action="/login" method="post">
+        
         <label for="username">Username:</label>
         <input type="text" id="username" name="username" required>
         <br><br>
+
+        <label for="age">Age:</label>
+        <input type="number" id="age" name="age" min="1" required>
+        <br><br>
+
         <label for="password">Password:</label>
         <input type="password" id="password" name="password" required>
         <br><br>
+
         <button type="submit">Login</button>
         
+    </form>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/style.css b/style.css
index 9c9ac66..b630430 100644
--- a/style.css
+++ b/style.css
@@ -1,14 +1,45 @@
-form{
-  margin: 0 auto;
-  max-width: 500px;
-  text-align: center;
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+} 
+ 
+ body{
+font-family: Arial, sans-serif;
+background-color: #f2f2f2;
+display: flex;
+justify-content: center;
+align-items: center;
+height: 100vh;
+width: 100vw;
+ }
+ form{
+background-color: #ffffff;
+padding: 25px;
+border-radius: 8px;
+width: 300px;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+ }
+ label{
+    font-family: Bbold;
+ }
+input{
+padding: 8px;
+margin-top: 5px;
+margin-bottom: 15px;
+border-radius: 4px;
+border: 1px solid #ccc;
 }
-
-body{
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100vh;
-body {
-    background-color: lightblue;
+button {
+width: 100%;
+padding: 10px;
+background-color: #007bff;
+color: white;
+border: none;
+border-radius: 4px;
+cursor: pointer;
+font-size: 16px;
+}
+button:hover {
+    background-color: #0056b3; 
 }
