style.css

*{
padding: 0%;
margin: 0%;
box-sizing: border-box;
font-family: sans-serif;

}
body{
width:100% ;
height:100vh ;
display:flex ;
justify-content:center ;
align-items:center ;
background:linear-gradient(45deg, #0a0a0a , #3a4452) ;
}

.calculator{
border:1px solid #717377 ;
padding: 20px ;
border-radius :16px ;
background:transparent ;
box-shadow:0px 3px 15px rgba( 113, 115 ,119 0.5);

}
input{
    width:320px ;
    border:non ;
    padding: 24px ;
    margin:10px ;
    background:transparent ;
    box-shadow:0px 3px 15px rgba( 84, 84 ,84 0.1) ;
    font-size:40px ;
    text-align:right ;
    cursor:pointer ;
    color: #ffffff;
}
input::placeholder{
    color: #ffffff;
}
 button {     
border:none ;
width: 60px ;
height:60px ;
margin:10px ;
border-radius:50% ;
background:transparent ;
color:#ffffff ;
font: size 20px ;
box-shadow:-8px -8px 15px rgba( 255, 255 ,255 0.1) ;
cursor: pointer;
}
.equalBtn{

    background-color: #fb7c14;
}
.opretor{
color: #6eed6e;

}