calculator.css

body{
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: rgb(156, 238, 211);
}

.heading{
    display: flex;
    justify-content: center;
    align-items: center;
    height:70px;
    position: relative;
    top:9px;
    
}

.main{
    margin: 50px auto;
    padding: 9px;
    height:410px;
    width:285px;
    border-radius: 8px;
    background-color: rgb(34, 33, 33);
}

.div1{
    height:55px;
    margin-bottom: 14px;
    color:white;
    font-size: 38px;
    display: flex;
    flex-direction: row-reverse;
}

.div2{
    height:344px;
    width:288x;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.but{
    color:white;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 55px;
    width: 59px;
    border-radius: 3px;
    background-color: rgb(43, 43, 41);
    box-shadow: -3px -3px 3px grey;
}
.hover{
    box-shadow: -2px -2px 2px white;
}