body{
  margin-left: 33%;
  background-color: teal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18pt;
  background-image: url(menhera-chan.gif);
  background-repeat: no-repeat;
  background-size: 200px;
  background-position: 77% 70%;
  margin-right: 5%;
}
.corpo {
  width: 725px;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(10, 50px);
  grid-template-rows: repeat(5, 50px);
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: lightseagreen;
  border-radius: 20px;
}

#testo1 {
  grid-area: 1 / 2 / 2 / 6;
  text-align: center;
}

#numero1 {
  grid-area: 2 / 2 / 2 / 6;
  font-size: 18pt;
  background-color: skyblue;
  border-radius: 20px;
}

#testo2 {
  grid-area: 1 / 6 / 2 / 10;
  text-align: center;
}

#numero2 {
  grid-area: 2 / 6 / 2 / 10;
  font-size: 18pt;
  background-color: skyblue;
  border-radius: 20px;
}

#testo3 {
  grid-area: 4 / 4 / 3 / 8;
  text-align: center;
}

#output {
  grid-area: 4 / 4 / 4 / 8;
  font-size: 18pt;
  border-radius: 20px;
}
#più {
  grid-area: 5 / 2 / 5 / 4;
  font-size: 18pt;
  background-color: skyblue;
  border-radius: 20px;
}
#meno {
  grid-area: 5 / 4 / 5 / 6;
  font-size: 18pt;
  background-color: skyblue;
  border-radius: 20px;
}
#per {
  grid-area: 5 / 6 / 5 / 8;
  font-size: 18pt;
  background-color: skyblue;
  border-radius: 20px;
}
#diviso {
  grid-area: 5 / 8 / 5 / 10;
  font-size: 18pt;
  background-color: skyblue;
  border-radius: 20px;
}