@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');






*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family:"Oswald", sans-serif; ;
}








body{
    width: 100%;
    height: 100vh;
  
    display: grid;
    justify-content: center;
    align-items: center;
    background: linear-gradient(45deg,black,gray);
    
}
.calculator{
    border: 1px solid gray;
    padding: 20px;
    border-radius: 15px;
    background: transparent;
    box-shadow: 5px 5px 2px rgb(154, 162, 149), 5px 5px 5px grey

}
input{
   
    padding:20px;
    width: 100%;
    border:none;
    margin: 10px;
    background: transparent;
    box-shadow:1px 3px 10px rgba(101, 119, 57, 0.66); 
    font-size: 20px;
    text-align: right;
    cursor: pointer;
    color: aliceblue;


}
button{
    width: 60px;
    height: 60px;
    margin: 10px;
    border-radius: 50px;
   border: none;
    background: transparent;
    font-size: 20px;
    color: azure;
    box-shadow:1px 3px 10px rgba(127, 136, 140, 0.268); 
 ;


}
input::placeholder{
    
    color: aliceblue;
   
}
.equal-to{
   background-color: chocolate;
}
.operator{
    color:aquamarine;
}