Untitled

<html>
<head>
<style>
    body{background-color: whitesmoke;}
    form{padding:30px;
        border-top-left-radius: 100px;
        border-bottom-right-radius: 100px;
        box-shadow: 3px 3px 10px #000;
        background-color: deepskyblue;
        text-align: center;

    width:400px;
    float:right;
    margin:5px;}
</style>
   <title>Form
    </title>
    </head>
    <body>
        <div>
    <h1 type align="center">CUSTOMER LOGIN FORM</h1>
    <form>
    <h4>SIGN UP FORM </h4>
    User name:<input type="text"placeholder ="User Name"name="userid">
    <br>
    Phone:<input type="tel" placeholder ="Phone">
    <br>
    Email:<input type="email"  placeholder="email" name="email">
    <br>
    User password:<input type="password"  placeholder="password" name="psw">
    <br>
 <input  style="background-color:darkgreen;"type="submit" value="REGISTER">
    </form>
    <form action="#">
    <h4>SIGN IN FORM</h4>
    User name:<input type="text" autofocus  placeholder ="User Name"name="userid">
<br>
User password:<input type="password"  placeholder="password" name="psw">
<br>
    <input style="background-color:green;" type="submit"  value="SIGN IN" align="down"><input style="background-color:red;" type="reset" ><Input type="checkbox">Remember
    <p><a href="#" target="-blank">Help, I forget my password</a></p>
    <br>
    </form>
        </div>
    </body>
        </html>