style.css

*{
    margin: 0;               /* to make comment in css press shift+alt+a */
    padding: 0; 
}

h1{
    text-align: center;
    color: rgb(59, 56, 56);
    opacity: 0.9;
}

.card{
    margin: 0 auto;
    width: 350px;
    text-align: center;
    margin-top: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    border-radius: 5px;
    font-size: 0;            /*switch button gulo j space niccha default sa gulo ar nama na.oi jonno kora. */
}

.card:hover{
    box-shadow: 0 26px 42px 0 rgba(0, 0, 0, 0.4);
    
}
/***********************
calculator head start
**********************/


#result{
    width: 335px;
    height: 100px;
    font-size: 32px;
    font-weight: bold;
    text-align: right;
    padding:0 5px;            /* to give space between letter and the wall */
    letter-spacing: 3px;         /* To give space between letters */
}


/***********************
calculator Body start
**********************/

.btn{
    width: 87px;
    height:70px;
    font-weight: bold;
    font-size: 16px;
    background-color: #1f2326;
    color: white;
    
    /* border-radius: 50%; */

}

/***********************
side purple button start
**********************/

.btn-style{
    background-color: #5F4BB6;
}

/***********************
last orange button start
**********************/

.bt-style{
    background-color: orange;
}

.btn:hover{
    background-color: pink;
}