Untitled

<!DOCTYPE html>

<html>
    <head>
        <title>Login</title>
       <link href="login.css" rel="stylesheet" type="text/css">
    </head>
    <body>

	<form>
		<div class="Form">

			<h1>Login</h1>
			<hr>
                        <p>Username:</p>
                        <input type="Email"  placeholder="Email/Profile ID">

                        <p>Password:</p>
			<input type="Password" placeholder="Password"><br>

                    </div>
                    <div class="Button">
			<button value="1" id="loginbutton" name="login" type="submit">Login</button>
			<input type="checkbox"><label for="Remember Me">Remember me next time</label>
                    </div>


	</form>


    </body>
</html>


--------------------------------------
CSS
-----------------------------------------

.Form{

	padding: 20px;
	margin: 0px auto;

	width: 300px;
	height: 300px;
	color: black;

	padding: 0px auto;
	background-color:skyblue ;
}

p{

    color: white;
    padding: 0px;
    margin: 10px 0px 10px 0px;
}

h1{
   color:  white;

   padding: 20px;
   margin: 0px;
}

input[type="Email"]
{
   padding: 10px;
   width: 270px;
}

input[type="Password"]
{
    padding: 10px;
   width: 270px;

}

button{

    float: right;
    margin: 20px;
    height: 30px;
    width: 50px;
    background-color: skyblue;
}

.Button{
    background-color: #cccccc;
    height: 79px;
    width: 340px;
    padding: 0px auto;
    margin: 0px auto;

}

input[type="checkbox"]
{
    margin-top: 30px;
    background-color: pink;
}