style.css

*{
  margin: 0;
  padding: 0;
}
body{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
h1{
  padding: 10px;
  font-size: 60px;
  font-family: 'Times New Roman', Times, serif;
}
.container{
  background-color: aliceblue;
  width: 280px;
  height: 480px;
  box-shadow: 0 0 10px black;
  padding: 10px;
  border-radius: 10px;
}
.btn-2, .btn-3, .btn-4, .btn-5{
  padding: 13px 13px 16px 19px;
}
.btn-1{
  padding: 13px 12px 10px 9px;
}
.btn{
  border: none;
  background-color: aliceblue;
  font-size: 28px;
  font-weight:520;
  margin: 0px 9.5px;
}
.btn1{
  border: none;
  background-color: aliceblue;
  font-size: 28px;
  font-weight:520;
  margin: 0px 9.5px;
}
.input{
  padding: 10px;
  height: 160px;
  width: 234px;
  background-color: aliceblue;
  border: none;
  text-align: right;
  font-size: 40px;
  overflow: hidden;
  pointer-events: none;
}
.com{
  color: orangered;
}
.com-1{
  background-color: orangered;
  color: white;
  border-radius: 30%;
  width: 45px;
  height: 45px;
  text-align: center;
  padding-left: 13px;
  padding-top: 9px;
}
.btn:active{
  color:darkgreen;
  box-shadow: 0 0 2px black;
}
.button:active{
   color: darkgreen;
   box-shadow: 0 0 2px black;
}
#btn{
  font-size: 22px;
}