/* *{
    font-family: Arial, Helvetica, sans-serif;
    background-color:cornsilk;

}

.userRead{
    height: 20vh;
    font-size: 30px;
   color: white;
    font-weight: bold;
   
    
}




.Caculater{
  color: white;
    margin-top: 95px;
    width: 100%;

}

button{
    height: 50px;
    width: 50px;
  
} */

*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
user-select: none;
border: none;

}

body{
    background-color: burlywood;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    
}

.calCulter{
    
width: 245px;
padding: 8px;
background-color: #243441;
border-radius: 25px;
box-shadow:5px 5px 5px  black;
}

.calcuBody{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
 background-color: #243441;
 gap: 15px;
 height: 295px;
padding: px;
border: none;
    border-radius: 10px;
    cursor: pointer;
font-size: 18px;
font-weight: 600;
    box-shadow: 6px 5px 3px #243441;
    color:rgb(240, 176, 118);
    margin-top: px;
}

.userRead{
    height: 125px;
    width: 220px;
    color: white;
    font-size: 21px;
    text-align: right;
background-color: #243441;
}

.inpt{
      height: 70px;
    width: 220px;
    color: white;
    font-size: 25px;
    text-align: right;
background-color: #243441;
}

input{
    border: none;
    outline: none;
}

.button{
    background-color: #243441  ;
    border: none;
    border-radius: 10px;
    cursor: pointer;
font-size: 18px;
font-weight: 600;
    box-shadow: 7px 7px 6px black;
    color:white;

    
}

.button:hover{
    background-color: #243441  ;
    border: none;
    border-radius: 14px;
    cursor: pointer;
font-size: 18px;
font-weight: 600;
    box-shadow: 7px 7px 6px black;
    color:white;
transition: 0.2s;
}


.symb{
    color: rgb(240, 176, 118);
}

.Equal{
    grid-column: span 2;
     color: rgb(240, 176, 118);
     background-color: #243441  ;
    border: none;
    border-radius: 10px;
    cursor: pointer;
font-size: 18px;
font-weight: 600;
box-shadow: 7px 7px 6px black;
}

.Equal:hover{
     grid-column: span 2;
     color: whitesmoke;
     background-color: #243441  ;
    border: none;
    border-radius: 14px;
    cursor: pointer;
font-size: 18px;
font-weight: 600;
box-shadow: 7px 7px 6px black;

}