Untitled

<!DOCTYPE HTML>
<html>
	<head>
		<title> A cool website </title>
		<style>
		body {
			padding: 16px;
			background-color: powderblue
		}
		#email, #username, #password, #dob {
			margin:8px,
			height:20px;
			width: 200px;
			border-radius: 4px;
			word-wrap: break-word;
			border-style: solid;
			border-width: 2px 2px 2px 2px;
			border-color: #777777
		}

		#email:active, #username:focus, #password:focus, #dob:focus {
			border-color: #000000
		}

		form {
			padding-top: 10px;
			text-align:center;
			background-color: pink;
			width:400px


		}

		.form {
			border-style: solid;
			border-width: 4px 4px 4px 4px;
			border-color: #000000;
			border-radius:10px
			background-color: pink;
			text-align:center;
			width: 400px;
		}


		</style>
	</head>

	<body>
		<marquee><h1> Hello, World! </h1></marquee>
		<h2 style="text-align:center"> Welcome to this E-commerce Website </h2>
		<h4 style="text-align:center"> A place to buy all the cool stuff you can brag about at very reasonable price </h4>
		<p>  Please fill your details to create an account and unlock the door to coolness!!! </p>
		<form>
		<div class="form">
		<div ><input type="email" id="email" name="email" placeholder="Enter your existing E-mail"></div></br>
		<div ><input style="width:250px" id="username" type="text" name="username" placeholder="Enter a unique( and cool ) username"></div></br>
		<div ><input type="password" name="password" id="password" placeholder="Choose password"></div></br>
		<div ><input type="date" name="dob" id="dob" placeholder="Your Birth Date"></div></br>
		<p> Gender </p>
		<div id="male"><input type="radio" name="gender" value="male" checked>Male</div></br>
		<div id="female"><input type="radio" name="gender" value="female">Female</div></br>
		<div id="other"><input type="radio" name="gender" value="other">Other</div></br>
		<div id="submit_btn"><input type="submit" name="submit" value="Engage the coolness!!!"></div>
		</div>
		</form>
	</body>

</html>