body{color:white;
  font-family:@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");
 background-image: url(https://images.unsplash.com/photo-1493970866116-fe0cad1a5727?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ%3D%3D&s=0d550f9cb5520e6389f3c1a3d632c643);
  
}
p{
  font-family:@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700");
}
#calculator{
  height:450px;
  width:400px;
  margin-top:20%;
  margin-left:auto;
  margin-right:auto;
  background-color:#BDBDBD;
  border: 2px solid ##424242;
  border-radius: 20px;
  box-shadow: 5px 10px 20px 2px #263238;
}
#tit{
  color:#304FFE;
  padding-top:10px;
    font-family:@import url("https://fonts.googleapis.com/css?family=Merriweather:400,400i,700");
}
#enter{
  width:85%;
  height:80px;
  
  margin-top:auto;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:50px;
  border:4px solid #9E9D24;
  border-radius:10px;
  background-color:#DCEDC8;
}
#entry{
  margin-right:10px;
  font-size:30px;
}
#buttons{
  font-size:20px;
  font-weight:bold;
  color:#D7CCC8;
  position:absolute;
  display:inline-block;
  width:380px;
  height:auto;
  margin-top:20px;
  margin-left:20px;
}
button{
  font-size:20px;
  font-weight:bold;
  color:#5D4037;
  background-color:#E0E0E0;
  margin:5px 10px 10px 10px ;
  height:40px;
  width:50px;
  box-shadow: 0px 4px 2px 1px #37474F;
}
button:active{
  transform:translate(0px,4px);
  box-shadow:none;
}
button,
button:hover,
button:active,
button:visited{
  text-decoration:none|important;
  outline:none|important;
}
#hist{
  position:relative;
  height:30px;
  bottom:10px;
  margin-right:20px;
  color:#8b8b7b;
  font-size:20px;
}