body {
 background-image: url("tavolo.jpg");}
.contenitore {

  background: url(unicorno.jpg), no-repeat;
  padding: 20px;
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  border-style: solid;
  border-radius: 14px;
  cursor: pointer;
transform: rotate(20deg);
  box-shadow: inset 10px 10px 5px lightpink;
}


.display{

  margin-left: 20%;
  margin-right: 20%;
  margin-top: 20px;
  margin-bottom: 20px;

}


.pulsante{
  width: 50px;
  height: 50px;
  font-family: fantasy;
  object-fit: cover;
  text-align: center;
  text-overflow: clip;
  text-align-last: center;
  border-style: dotted;
  border-radius: 8px;
  border-color: white;
 color: black;
 margin:5px;
 padding: 5px;
 max-width: 130px;
 display: inline-block;
 text-align: left;

}


.tastiera{
  color: white;
  display: flex;

}
.sinistra{
  display: flex;
  width: 75%;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: space-between;
}
.destra{
  width: 25%;
  align-content: space-between;
  text-align: center;
  font-family: fantasy;
}
.pulsante {
  transition-duration: 0.4s;
}

.pulsante:hover {
  background-color: #0099CC; /* lightblue */
}
#diviso{
  background-color: violet;
}
#per{
  background-color: lightgreen;
}
#meno{
  background-color: lightblue;
}
#piu{
  background-color: yellow;
}
#diviso:hover{
  background-color: #0099CC;
}
#per:hover{
  background-color: #0099CC;
}
#piu:hover{
  background-color: #0099CC;
}
#meno:hover{
  background-color: #0099CC;
}