calc.css

.container{
    max-width:  300px;
    margin: 5vh auto 0 auto;
    box-shadow: 0px 0px 43px 17px rgba(153,167,153,1);
 }
 
 #display
 {
 text-align: right;
 height: 50px;
 line-height: 70px;
 padding: 16px 8px;
 font-size: large
 }
 
 .buttons{
     display: grid;
     border-bottom: 1px solid #999;
     border-left: 1px solid #999;
     grid-template-columns: 1fr 1fr 1fr 1fr;
 
 }
 
 
   .buttons > div{
       border-top: 1px solid #999;
       border-right: 1px solid #999;
   }
 
   .button{
       border: 0.5px solid #999;
       line-height: 100px;
       text-align: center;
       font-size: 25px;
       cursor: pointer;
   }
 
   #equal{
       background-color: #5455ff;
       color: beige;
   }
 
 .button:hover{
     background-color: chocolate;
     color: cornsilk;
     transition: 0.5s ease-in-out;
 }