.border{
    width: 300px;
    height: 370px;
    border:15px solid black;
    background-color: black;
    border-radius: 20px;

}

input[type="text"]{
    background-color: slategray;
    height: 45px;
    width: 290px;
    text-align: right;
    font-size: 35px;
    color: aliceblue;
    border-radius: 9px;
}
.dis{
        border-bottom: 15px solid black;
}

::placeholder{
    color: aliceblue;
    font-size: 35px;
    text-align: right;
    margin-top: 10px;
}
.btn{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   justify-content: space-evenly;
   
   
   
}
button{
    background-color: gray;
    font-size: 25px;
    height:60px ;
    width: 60px;
    border-radius: 50%;
    text-align: center;
    color: white;
    cursor: pointer;
}
.ac{
    color: rgb(24, 28, 24);
    background-color:rgb(221, 217, 210);
}
.equal, .add,.minus,.mul,.divide{
    background-color: orange;

}
.bracket{
    color: rgb(24, 28, 24);
    background-color:rgb(221, 217, 210);

}
.per{
    color: rgb(24, 28, 24);
    background-color:rgb(221, 217, 210);
}
body{
    display: grid;
    place-content: center;
}