diff --git a/index.html b/index.html
index 23206b2..1ef1322 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,11 @@
     <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 -->
+     <div class="box">
      <form action="/login" method="post">
         <label for="username">Username:</label>
         <input type="text" id="username" name="username" required>
@@ -15,6 +17,6 @@
         <input type="password" id="password" name="password" required>
         <br>
         <button type="submit">Login</button>
-        
+        </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index e69de29..00d36cf 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,11 @@
+body {
+    background: linear-gradient(to right,red,yellow);
+}
+.box{
+    font-size: 50px;
+    margin: 100px auto;
+    text-align: center;
+}
+button{
+    font-size: xx-large;
+}
\ No newline at end of file
