html {-webkit-text-size-adjust: none; } /*-----Prevents iPhone from resizing in landscape mode -----*/

/*----------- apply a natural box layout model to all elements --------------*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body {
	margin: 5px;
	background-color: #ECF0F1;
	color: #2E4259;
	font-family: Verdana, Geneva, sans-serif;
}
#myinput {
	margin: 10px;
}
#myoutput {
	margin: 10px;
}
#myinput input {
	background-color: #F7483B;
	padding: 8px;
	color: #fff;
	border: solid 2px #03C8FA;
	
}

button {
	text-align:center;
	margin: 5px;
	width: 50%;
	min-width: 280px;
	color: #2E4259;
	background-color: #F7483B;
	padding: 8px;
	color: #fff;
	border: solid 2px #03C8FA;
	box-shadow: 3px 3px 8px #111;
	font-family: Verdana, Geneva, sans-serif;
}
input {
	padding: 3px;
	text-align:center;
	margin: 5px;
	width: 50%;
	min-width: 280px;
	box-shadow: 3px 3px 8px #111;
	font-family: Verdana, Geneva, sans-serif;
	
}
#myappend {
	margin-bottom: 10px;
	padding: 10px;
	
	
}
textarea {
	padding: 8px;
	margin: 2%;
	width: 96%;
	font-family: Verdana, Geneva, sans-serif;
}
input:focus {
	box-shadow: 0px 0px 4px #111;	
}
textarea:focus {
	box-shadow: 0px 0px 4px #111;	
}