*{
    margin: 0;
    padding: 0;
}
h1{
    text-align: center;
}
.card{
   margin:0 auto;
    max-width: 400px;
    text-align: center;
    margin-top: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2) ;
    transition:0.3s ;
    font-size: 0;
}
.card:hover{
box-shadow: 0 16px 32px 0 rgba(0,0,0,0.2)
}
.calc-head #result{
    width:400px ;
    height:100px ;
    font-size:32px ;
    font-weight: bold;
    text-align: right;
    padding: 0 5px;
    letter-spacing:3px ;




}
.btn{
    width: 87px;
    height:70px ;
    font-weight:bold ;
    font-size:16px ;
    background-color: rgb(168, 107, 107);
    color:white;

}
.btn-style{
    background-color: blueviolet;
}
.btn:hover{
    background-color: lightseagreen;
}