*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
body{
    background-color: rgb(235, 235, 235);
}


input[type=number] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input{
    border: none;
    border-radius: 5px;
    outline: none;
    border: 0.5px solid #888;
    padding: 2px 10px;
    font-size: medium;
}
td{
    padding: 5px;
}
.container{
    padding: 5%;
    background-image: linear-gradient(210deg,red,rgb(0, 89, 255));
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 20px;
    color: aliceblue;
}

button{
    background-color: white;
    padding: 5px 10px;
    border-radius: 20px;
}
/* button:active{
    animation-name: motu;
    animation-duration: 5s;
    
} */

button:hover {
    padding: 5px 10px;
    border-radius: 5px;
    background-color: rgb(204, 204, 204);
    animation-name: rotate;
    animation-duration: 1.5s;
  }
  
  @keyframes rotate {
    0% {
      transform: scale(1,1);
    }
    100% {
      transform:scale(1.15,1.15);
    }
  }