body{
    display: flex;
    background-color:rgb(51, 84, 84);
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.calc{

    background-color:rgb(211, 211, 211);
    padding: 25px;
    border-radius: 10px;
}
.disp{
    width: 224px;
    background-color: rgb(176,285,176);
    font-size: 40px;
    text-align: end;
    padding: 4px;
}
.btn{
    width: 232px;
    display: flex;
    flex-wrap: wrap;
}
button{
    background-color:rgb(131, 129, 129);
    border: none;
    color: rgb(255, 255, 255);
    font-size: 40px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    margin: 4px;

}
button:hover{
    background-color: rgb(111, 110, 110);
}
button:active{
    background-color: rgb(184, 183, 183)
} 
#equals{
    background-color: #7FDBFF;
}
#equals:hover{
    background-color:rgb(111, 110, 110);
}
#clear{
    background-color: rgb(252, 226, 27);
    width: 100%;
    font-size: 30px;
}
#clear:hover{
    background-color: rgb(252, 210, 17);
}