Untitled

<!DOCTYPE html>
<html>
<head>
	<title>form demo</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<h1>Register</h1>
	<div class="form">
	<form >
		<label for="First" style="color: pink;">First Name:
		<input id="First"  name="First" type="text" placeholder="Grodana" required></label>

		<label for="Last" style="color: pink;">Last Name:</label>
        <input id="Last" name="Last" type="text" placeholder="Acevska" required></label>
           <div>
           	<label for="male" style="color: pink;">Male</label>
           <input id="male" type="radio" name="gender" value="Male">
           <label for="Female" style="color: pink;">Female</label>
           <input id="Female" type="radio" name="gender" value="Female">
           <label for="Other" style="color: pink;">Other</label>
           <input id="Other" type="radio" name="gender" value="Other">
           </div>

<div>
	<label for="email" style="color: pink;">Email:</label>
	<input id="email" type="email" name="email" placeholder="your Email" required="" style="color: pink;">
	<label style="color: pink;">Password:
<input  type="password" name="password" placeholder="password" pattern=".{5,10}" required title="5 to 10 characters">

	</label>


</div>

     <div>
     	<label style="color: pink;">
     		Birthday:
        <select name="Month" style="color: green;">
<option >Month</option>
        	<option>jan</option>
        	<option>feb</option>
        	<option>mar</option>
        </select>
     	<select name="Day" style="color: green;">
     		<option>Day</option>
     		<option>1</option>
     		<option>2</option>
     		<option>3</option>

     	</select>
     	<select name="Year" style="color: green;">
     		<option>Year</option>
     		<option>1981</option>
     		<option>1982</option>
     		<option>1983</option>

     	</select>
     	</label>
      </div>
     <div>

     	<label for="agree" style="color: yellow;">i agree to the tems and conditions:</label>
     	<input id="agree" type="checkbox" name="agree">
       </div>


<input type="submit"  style="position: relative; color: pink; background-color: black;">


	</form>
</div>
</body>
</html>


.form{


	width: 60%;
	height: auto;
	float: left;
	border: 5px solid black;
	background: gray;
	box-sizing: border-box;
}