style.css

html
{
  background-color: rgb(0, 0, 0);
}
#calculator
{
  display:flex;
  
}
/*.main-display
{
  display:block;
  flex-direction:row;
  width:250px;
  justify-content:baseline;
}
*/
input[type="button"]
{
  color:white;
  border-radius:30px;
  background-color:grey;
  height:60px;
  width:60px;
  font-weight:bold;
  font-size:25px;
  margin:10px 10px;
  transition:0.5s;
  cursor: pointer;
  background-image:rgb(253, 234, 191);
}
input[type="button"]:hover
{
  background-color: rgb(29, 29, 28);
  color:whitesmoke;
}
.search-box
{
  height:40px;
  width:220px;
  margin:15px 10px;
  display:block;
  font-size: xx-large;
  background-color:rgba(0, 0, 0, 0.603);
  color:white;
}
.arithmetics
{
  display:block;
  width: 100px;
}
#zero
{
  margin-left:94px;
}
h1
{
  margin-left:53px;
}
.input-box{
  height:30px;
  width:300px;
}
#result
{
  width: 250px;
  height:40px;
  border-radius:30px;
  background-color:rgb(94, 93, 93);
  color:rgba(255, 255, 255, 0.938);
  font-size:xx-large;
}
#calcu
{
  height:auto;
  width:auto;
  margin-left:200px;
}