body {
	padding: 30px;
}

h1 {
	width: 100%;
	font-size: 2.5em;
	color: navy;
	text-align: center;
}
p {
	width: 100%;
	font-size: 2.5em;
	color: #14568E;
   
}

input[type="text"] {
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 2px solid navy;
	border-radius: 4px;
}
input[type="button"] {
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 2px solid navy;
	border-radius: 4px;
	font-size: 1em;
	color: navy;
	font-weight: bold;
}
input[id="squareFeet"] {
	background-color: #f6f6ff;
	border: 2px solid navy;
}
input[id="squareYards"] {
	background-color: #f6f6ff;
border: 2px solid navy;	
}
input[id="squareMeters"] {
	background-color: #f6f6ff;	
	border: 2px solid navy;
}

#article p {
	font-size: 18px;
		color: black;

}

#article {
	padding: 2%;

}