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

.container{
width: 100%;
height: 100vh;
background: linear-gradient(to right,rgb(227, 100, 241), #fff);
display: flex;
justify-content: center;
align-items: center;
}
.calculator{
    background: linear-gradient(to right, #eb1498,rgb(162, 109, 255));
    padding: 20px;
    border-radius: 50px;
    box-shadow: 2px 2px 20px rgb(5, 4, 0);

}
.calculator  form input{
    width: 75px;
    height: 80px;
    box-shadow: 2px 2px 20px rgb(0, 204, 255),-12px -13px 20px rgb(255, 255, 255);
color: #e9e9e9;
background:linear-gradient(#00d5ff,#ce89f3);
border: none;
border-radius: 20px;
font-size: 20px;
outline: 0;
cursor: pointer;

}
form .display{
    display: flex;
justify-content: center;
}
form .display input{
    text-align: right;
    flex: 1;
    font-size: 45px;
}
.calculator  form .equal{
  width: 144px;
}