body {
	background-image: url('img/wood.jpg');
}

.title {
	text-align: center;
	font-family: helvetica;
	color: white;
}

h1 {
	font-size: 50px;
}

#calculator {
	width: 250px;
	height: 482px;
	border: 17px solid #d9d8e1;
	margin:42px auto 0 auto;
	text-align: center;
	box-shadow: 0 0 42px #646379;
	background-color: #ffffff;
	border-radius: 12px;

}

.culcutainer{
	border-radius: 5px;
}

#display{
	margin: 25px 0 17px 0;
	height: 42px;
	width: 220px;
	text-align: right;
	border: 1px solid #d9d8e1;
	box-shadow: 0 0 42px #646379;
	font: 27px bold;
	color: #006080;
	border-radius: 5px;
	font-family: 'PT Sans', helevetica, sans-serif;
	background-color: #ffffff;
}

#display:hover{
	background-color:#ffffff;
}

input {
	height: 35px;
	width: 41px;
	margin: 15px 0 15px 10px;
	box-shadow: 0 0 29px #646379;
	cursor: pointer;
	background-color: #b3cccc;
	color: #ffffff;
	font-weight: bold;
	font-size: 22px;
	border-radius: 5px;
	font-family: 'PT Sans', helevetica, sans-serif;
}

input:hover{
	background-color: #ffffff;
	color: #b3cccc;
	font-weight: bold;
}

.num {
	background-color: #ffffff;
	color: #b3cccc;
}

.num:hover{
	background-color: #b3cccc;
	color: #ffffff;
	font-weight: bold;
}


.fun {
	background-color: #b3cccc;
	color: #ffffff;
}

.fun:hover{

	background-color: #ffffff;
	color: #b3cccc;
	font-weight: bold;
}

#eql {

	width: 97px;
	height: 35px;
	margin:0 5px 0 10px;
	box-shadow: 0 0 5px #646379;
	cursor: pointer;
	background-color: #ffffff;
	color: #b3cccc;
	font-weight: bold;
	border-radius: 5px;
}

#eql:hover{
	background-color: #b3cccc;
	color: #ffffff;
	font-weight: bold;
}