*{font-size:20px;font-family:Arial;}body{padding:10px}input{width:30%;text-align:right}br{clear:both}button{width:49%;height:40px;margin-bottom:5px;-moz-border-radius:15px;-webkit-border-radius:15px;border:5px solid #090;-moz-box-shadow:inset 0 1px 0 0 #97c4fe;-webkit-box-shadow:inset 0 1px 0 0 #97c4fe;box-shadow:inset 0 1px 0 0 #97c4fe;background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#3d94f6),color-stop(1,#1e62d0));background:-moz-linear-gradient(center top,#3d94f6 5%,#1e62d0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6',endColorstr='#1e62d0');background-color:#3d94f6;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #337fed;display:inline-block;color:#fff;font-weight:bold;text-decoration:none;text-shadow:1px 1px 0 #1570cd}button:active{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#1e62d0),color-stop(1,#3d94f6));background:-moz-linear-gradient(center top,#1e62d0 5%,#3d94f6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0',endColorstr='#3d94f6');background-color:#1e62d0;position:relative;top:1px}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}.large{font-size:2em;font-weight:bold}.small{width:50px}.right{float:right}.fullWidth{width:100%}input[type='range']{width:100%}#numberOfPeople,#tipPercent{width:2em;display:inline-block;text-align:center}#amount{margin-top:10px}

html {
	background-color:darkgray;
	height: 100%;
}
body {
	max-width: 500px;
	height: 100%;
	background-color:white;
	margin: 0 auto;
	padding: 0;
}
main {
	padding: 10px;
}
.title {
	background: #333;
	color:white;
	padding:10px;
}