body
{
	background-color:tan;
} 

.box
{
	background-color:#3d4543;
	height:300px;
	width:250px;
	border-radius:10px;
	position:relative;
	top:10px;
	left:10%;
}

.display
{
	background-color:#222;
	width:220px;
	position:relative;
	left:15px;
	top:20px;
	height:40px;
}

.display input
{
	position:relative;
	left:0px;
	top:0cpx;
	height:32px;
	color:black;
	background-color:#F8F8F8;  /*#bccd95*/
	font-size:21px;
	text-align:right;
}

.keys
{
	position:relative;
	top:15px;
}

.button
{
	width:40px;
	height:30px;
	border:none;
	border-radius:8px;
	margin-left:17px;
	cursor:pointer;
	border-top:2px solid transparent;
}

.button.gray
{
	color:white;
	background-color:#6f6f6f;
	border-bottom:black 2px solid;
	border-top:2px #6f6f6f solid;
}

.button.pink
{
	color:black;
	background-color:#ff4561;
	border-bottom:black 2px solid;
}

.button.black
{
	color:white;
	background-color:303030;
	border-bottom:black 2px solid;
	border-top:2px 303030 solid;
}

.button.orange
{
	color:black;
	background-color:FF9933;
	border-bottom:black 2px solid;
	border-top:2px FF9933 solid;
}

.gray:active
{
	border-top:black 2px solid;
	border-bottom:2px #6f6f6f solid;
}

.pink:active
{
	border-top:black 2px solid;
	border-bottom:#ff4561 2px solid;
}

.black:active
{
	border-top:black 2px solid;
	border-bottom:#303030 2px solid;
}

.orange:active
{
	border-top:black 2px solid;
	border-bottom:FF9933 2px solid;
}

p
{
	line-height:10px;
}