Untitled

<html>
    <head>
       <title>log in</title>
       <style>
           body{
               background-image: url(background.jpg);
               background-size: cover;
           }
           h1{
               color: white;
               text-align: center;
           }
           #login{
               width: 400px;
               height: 380px;
               background-color: black;
               opacity: .7;
               margin: 0 auto;
               margin-top: 60px;
               padding-left: 50px;
           }
           #login input[type="text"]{
               width: 200px;
               height: 25px;
               border: 0;
               color: white;
               font-weight: bolder;

           }
               #login input[type="text"]{
               width: 200px;
               height: 25px;
               border: 0;
               color: white;
               font-weight: bolder;
           }
           form{
               color: white;
               font-size: 30px;
           }
           h2{
               font-size: 15px;
               color: white;
           }
           h2:visited{
               color: darkcyan;
           }
       </style>
    </head>
    <body>
        <div id="login">
            <h1>Log in</h1><br><br>
              <form>
                  Username:<br>
                   <input type="email" name="emial"><br><br>
                  Password:<br>
                    <input type="password" name="pass"><br><br>
                     <input type="submit" name="login" value="Log in"><br><br>
                  <h2><a href="#"><u>forget my password</u></a></h2>

              </form>

        </div>
    </body>
</htm