Untitled

<!DOCTYPE html>
<html>
	<head>
		<style>
			body {
				background-color: #dbdbff;
				font-family:cursive;	
				text-align: center;
				box-sizing: content-box; /* default */
			}
				
			h1{
				colour: #757F9A
			}
				
			form { 
				width:420px;
				background: -linear-gradient(to right, #D7DDE8, #757F9A);
				
				background:-webkit-linear-gradient-(to right,#D7DDE8,#757F9A);
				background:linear-gradient(to right, #D7DDE8, #757F9A);
				
				
				display: inline-block;
				text-align: left;
				border-radius: 30px;
				padding: 20px;
				border: 2px solid #757F9A;
			}
				
			label {
				label: font-size: 18px;
				color:#757F9A;	
			}
			<!-- input type="submit" -->	
			input {
				width: 380px;
				
				border-radius: 20px;
				border: 0px;
				padding: 10px;
				margin-bottom: 30px;
			}
				
			#submitted {
				background-colour: navy;
				colour: white;
				border-radius: 10px;
				margin-bottom: 30px;
			}
		
		</style>
	</head>
	<body>
		<h1>Input Your Info</h1>
		<form>
					<p>
						<label>
						First Name:<br>
						<input type="text" name="fname" placeholder="Enter Your First Name">
						</label>
					</p>
					
					<p>
						<label>
						Last Name:<br>
						<input type="text" name="lname" placeholder="Enter Your Last Name">
					</p>
					
					<p>
						<label>
						Phone:<br>
						<input type="text" name="phoneno" placeholder="Enter Your Phone Number">
						</label>
					</p>
					
					<p>
						<input id="submitted" type="submit">
					</p>
		</form>
	</body>
</html>
Editor is loading...