HTML and CSS Login Project Code for Free || How to make Login Project in use to html and css

 HTML Code

<form>

  <h1>Login</h1>

  <label>Username</label>

  <input type="text">

  <label>Password </label>

  <input type="text">

  <p><a href="#">Forget Password?</a></p>

  <button>Login</button>

  <p>Don't have an account? <a href="#">Register</a></p>

</form>

Css Code 

<style>
body{
    width: 470px;
    height: 240px;
    display: grid;
    place-content: center;
    margin-top: 60px;
    background: black;
    
  }
  form{
    width: 300px;
    height: 340px;
    display: grid;
    place-content: center;
    background: lavender;
    color: black;
    border-radius: 20px;
    
  }
  input{
    height: 25px;
    width: 220px;
    border-radius: 12px;
    background: lavender;
    border-color: lavenderblush;
    box-shadow: 0 5px 5px lavender;
    display: grid;
    place-content: center;
    margin-top: 5px;
    margin-bottom: 10px;
    
  }
  button{
    height: 30px;
    width: 230px;
    color: black;
    background: white;
    border-color: lavenderblush;
    border-radius: 12px;
  }
  h1{
    font-size: 34px;
    display: grid;
    place-content: center;
    
  }
  a{
    text-decoration: none;
    color: black;
    font-weight: bold;
  }
</style >