diff --git a/index.html b/index.html
index 23206b2..d13c470 100644
--- a/index.html
+++ b/index.html
@@ -4,17 +4,18 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
     <!-- //login form -->
-     <form action="/login" method="post">
-        <label for="username">Username:</label>
+     <form action="/login" method="post" class="form">
+        <label for="username" style="font-size: 20px; ">Username:</label>
         <input type="text" id="username" name="username" required>
         <br>
-        <label for="password">Password:</label>
+        <label for="password" style="font-size: 20px;">Password:</label>
         <input type="password" id="password" name="password" required>
         <br>
-        <button type="submit">Login</button>
+        <button type="submit" class="btn">Login</button>
         
 </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index e69de29..a566d1c 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,15 @@
+.form{
+    border: 1px solid gray;
+    border-radius: 10px;
+    height: 300px;
+    width: 300px;
+    margin: 200px auto;
+    padding: 5px;
+    background-color: gray;
+}
+.btn{
+    height: 30px;
+    width: 70px;
+    border-radius: 10px;
+    margin-top: 20px;
+}
\ No newline at end of file
