Untitled

<!Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title>Login to Mobile Sotre</title>
<style>
a{
    color: #21618C;
    text-align: center;
    text-decoration: none;
}
.box{
    margin-left : 800px;
    margin-top : 70px;
    background-color : #FBFCFC;
    box-sizing : border-box;
    width : 420px;
    height : 400px;
    border : 1px;
    padding-left : 50px;
    padding-right : 10px;
    padding-top : 50px;
    opacity: 0.9;
    border-radius : 30px;
    box-shadow: 5px -5px 20px #888888;
    position : fixed;
}
.topbar{
    box-sizing : border-box;
    position:fixed;
    width : 1230px;
    height : 50px;
    box-shadow: 3px 3px 15px #888888;
    background-color : #3498DB;
    border-radius : 10px;
    margin-left: 20px;
}
.bttn{
    width : 200px;
    height : 100px;
    margin-left : 120px;
}
</style>
</head>
<body>
<div class="topbar">
<center>
<font size="6" face="Comic Sans MS" color= "#EBF5FB">Welcome to Mobile-Kart</font>
</center>
</div>
<!--<center>-->
<div class="box">
<form action = "login.php" method="Post">
<center>
<font size="6" face="Comic Sans MS" color="#1B4F72">Already a user?</font>
</center>
<br>
<table border = "0" style="height : 130px; width : 100%;">
<tr>
<td><b>Username:</b> </td> <td> <input type="text" name="username" style="height:15px;width:200px;" value="<?php echo $_COOKIE["login"];?>" /></td>
</tr>
<tr>
<td><b>Password:</b> </td> <td> <input type="password" name="password" value = "<?php echo $_COOKIE["password"];?>" style="height:15px;width:200px;"/></td>
</tr>
</table>
<div class="bttn">
<input type="image" src="Pictures\login.jpg" alt="Submit" align="center" width="120" height="60">
<br><br>
<a href="Register.html">Not a user? SignUp!</a>
</div>
</form>
</div>
<!--</center>-->
</body>
</html>