Login

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  <style media="screen">
table
{
  border-radius: 15px;
  border: 2px solid black;
  font-family: cursive;
  color: black;
  background: skyblue;
  width: 500px;
}
#main {
 width:400px;
 height:400px;
 margin:0px auto;
 font-family:raleway
}
span {
 color:red
}

h2 {
 background-color:#FEFFED;
 text-align:center;
 border-radius:10px 10px 0 0;
 margin:-10px -40px;
 padding:15px
}

hr {
 border:0;
 border-bottom:1px solid #ccc;
 margin:10px -40px;
 margin-bottom:10px
}
input {
 padding:5px;
 margin-top:5px;
 border-bottom: 2px solid grey;
 border-top: skyblue;
 border-left: skyblue;
 border-right: skyblue;
 padding-left:5px;
 font-size:16px;
 font-family:cursive;
 background: rgba(0, 0, 0, 0);
 color: black;
}
button
{
  background: black;
  border: 1px solid skyblue;
  border-radius: 15px;
  color: skyblue;
  width: 75%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-family: cursive;
  text-align: center;
}

#profile {
 padding:50px;
 border:1px dashed grey;
 font-size:20px;
 background-color:#DCE6F7
}

#logout {
 float:right;
 padding:5px;
 border:dashed 1px gray
}

a {
 text-decoration:none;
 color:#6495ed
}

i {
 color:#6495ed
}
  </style>
  </head>
  <body>
    <div id="main">
  <form action="login.php" method="post">
    <table>
      <tr>
        <td colspan="2"><h1><center>Login Account</center></h1></td>
        <td></td>
      </tr>
      <tr align="center">
        <td>Username</td>
        <td>  <input name="Username" placeholder="Username" type="text"></td>
      </tr>
      <tr align="center">
        <td>Password</td>
        <td> <input name="Password" placeholder="Password" type="password"  > </td>
      </tr>
      <tr align="center">
        <td> <br> </td>
      </tr>
      <tr align="center">
        <td colspan="2"> <button type="submit" class="btn btn-primary">Login</button> </td>
      </tr>
    </table>
  </form>
 </div>
  </body>
</html>