.wrap {
    display:flex;
    font-family: #2d2d2d;
    background-color: #ecf0f1;
    flex-direction: column;
    align-items: flex-end;
    box-shadow: 0px 0px 1px 1px rgba(116, 108, 108, 0.925);
    border-radius: 10px;
    width: max-content; /*fitting the container  */
    padding: 5px;
}


.display{
    margin:10px;
    padding:5px;
    box-shadow: 0px 0px 1px 1px rgba(179, 170, 170, 0.966);
    width: 89%;
    text-align: right;
    background-color: white;

}

/* Aligning the buttons in 5x4 grid */
.buttons{
    display: flex;
}

.operations button{
    background-color:palevioletred;
    border-radius: 10px;
    border:none;
    box-shadow: 0px 0px 1px 1px rgba(116, 108, 108, 0.925);
    padding: 10px;
    width: 40px;
    height: 40px;
    font-size: 15px;
    margin: 5px;
    color:rgb(255, 255, 255);


}

/* space buttons evenly */
.row1, .row2, .row3, .row4{
    display:flex;
}


.numbers button{
    background-color: lightgray;
    border-radius: 10px;
    border:none;
    box-shadow: 0px 0px 1px 1px rgba(116, 108, 108, 0.925);
    padding:10px;
    width: 40px;
    height: 40px;
    font-size: 10px;
    margin: 5px;

}