@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);* {    /* With these codes padding and border does not increase it's width and gives intuitive style.*/	-webkit-box-sizing: border-box;   	-moz-box-sizing: border-box;	box-sizing: border-box;}body {	margin:0;	padding:0;	font-family: 'Roboto Slab', serif;  }div#envelope{	width: 55%;	margin: 10px 30% 10px 25%;	padding:10px 0;	border: 2px solid gray;	border-radius:10px;} 	form{	width:84%;	margin: 8% 8%;}  header{	background-color: #ff5721;	text-align: center;	padding-top: 12px;	padding-bottom: 8px;	margin-top: -11px;	margin-bottom: -8px;	border-radius: 10px 10px 0 0;	color: aliceblue;} /* Makes responsive fields.Sets size and field alignment.*/input[type=text], select{	margin-bottom: 2px;	margin-top: 2px;	width:100%;	padding: 3px;	border-radius:5px;	border:1px solid #04e3ff;}input[type=submit]{	margin-top: 2px;	margin-bottom: 2px;	width:100%;	padding: 10px;	border-radius:5px;	border:1px solid #ff5721;	background-color: #111111;	color: aliceblue;	font-size:15px;	cursor:pointer;}#submit:hover{ background-color: black;}input[type=button]{	margin-top: 2px;	margin-bottom: 2px;	width:100%;	padding: 10px;	border-radius:5px;	border:1px solid #ff5721;	background-color: #ff5721;	color: aliceblue;	font-size:15px;	cursor:pointer;}textarea{	width:100%;	padding: 2px;	margin-top: 2px;    border:1px solid #03dede;	border-radius:5px; 	margin-bottom: 2px;	resize:none;  } input[type=text]:focus,textarea:focus {	border-color:  #04e3ff;}