calculatorstyle.css

html {
	height: 100%;
	background-color: linen; 
	background-size: cover;
}
table {
	border-style:outset;
	border-radius:10px;
}
#button {
position:relative;
  color: gold;
background-color: palevioletred;
  font-weight: bold;
	border-width:6px;
	border-color:palevioletred;
	margin:7px;
}
#button1 {
position:relative;
  color: navy;
background-color: orange;
  font-weight: bold;
  text-transform: uppercase;
border-width:6px;
border-color:orange;
} 
#txt1 {
    height: 25px;
    width: 250px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
    background: #FFFFFF url('bg_form.png') left top repeat-x;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
}

#txt1:focus {
    border-color: #C9C9C9;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 8px;
}   
table,td {
background-color: lightseagreen;
}
#button:hover {
    background-color: pink;
	margin-top: 3px;
	cursor:hand;
}
#button1:hover {
	background-color:yellow;
	margin-top: 3px;
	cursor:hand;
}
#button:active,#button1:active{
    -webkit-box-shadow: 0px 2px 0px #84261a;
    -moz-box-shadow: 0px 2px 0px #84261a;
    box-shadow: 0px 2px 0px #84261a;
    position:relative;
    top:7px;
}