@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{
  margin: 0%;
  padding: 0%;
  box-sizing: border-box;
}
#sec-1{
  width: 100%;
  height: auto;
  background-color:black;
}
#hed-1{
  text-align: center;
  padding: 10px 0px;
  font-family: "Bebas Neue";
  font-size: xxx-large;
  color: red;
}
#sec-2{
  margin-top: 3%;
  display: flex;
  justify-content: center;
  align-content: center;
}
#div-1{
  width: 25%;
  border-radius: 0px;
  background: #e0e0e0;
  box-shadow:  20px 20px 60px #bebebe,
  -20px -20px 60px #ffffff;
}
#display{
  width: 100%;
  height: 120px;
  border: none;
  text-align: end;
  font-family: "Bebas Neue";
  font-size: 80px;
  color: whitesmoke;
  background-color: #3E4C53;
  padding-right: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#div-2{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1px;
  grid-row-gap: 1px;
}
.calc_btn_optr{
  border: none;
  font-family: "Bebas Neue";
  font-size: 25px;
  height: 65px;
  background-color: #D3DDE5;
  cursor: pointer;
  box-shadow: rgba(45, 35, 66, 0.2) 0 2px 4px,rgba(45, 35, 66, 0.15) 0 7px 13px -3px;
}
.calc_btn_optr:active {
  box-shadow: #D6D6E7 0 3px 7px inset;
  transform: translateY(2px);
 }
.calc_btn{
  border: none;
  font-family: "Bebas Neue";
  font-size: 25px;
  height: 65px;
  background-color: #FCFCFD;
  cursor: pointer;
  box-shadow: rgba(45, 35, 66, 0.2) 0 2px 4px,rgba(45, 35, 66, 0.15) 0 7px 13px -3px;
}
.calc_btn:active {
  box-shadow: #D6D6E7 0 3px 7px inset;
  transform: translateY(2px);
 }
#calc_enter_btn{
  grid-column: 4 / 5; 
  grid-row: 2 / span 4;
  border: none;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 25px;
  background-color: #FD6F77;
  border-bottom-right-radius: 5px;
  cursor: pointer;
  box-shadow: rgba(45, 35, 66, 0.2) 0 2px 4px,rgba(45, 35, 66, 0.15) 0 7px 13px -3px;
}
#calc_enter_btn:active {
  box-shadow: #D6D6E7 0 3px 7px inset;
  transform: translateY(2px);
 }
#btn-rnd{
  border-bottom-left-radius: 5px; 
}