.h1{
  text-align: center;
}
.line2,.line3,.line4,.line5,.line6{
display: flex;
align-items: center;
justify-content: center;

}
.mainsection{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background-color: aqua; */
}
.calc{
  padding: 10px;
  margin: 10px;
  background-color: rgb(238, 238, 242);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid gray;
  box-shadow: 3px 3px 6px 3px grey;
}
.buttons {
  padding: 10px 20px 10px;

  margin: 5px;
  border: 0px solid lightgray;
}
.butt{
  margin-top: 20px;
  margin-left: 0px;
  /* border: 2px solid lightgray;  */
}
#equalto{
  padding-left: 47px;
    padding-right: 47px;
    background-color: rgb(28, 137, 240);
}
.outputbox{
  padding: 10px 25px;
    background: lightgrey;
    border: 0px
}