.istruzioni{
background-color: #111;
color: white;
font-size: 160%;
font-family: Garamond;
border: 1.5px solid greenyellow;
padding: 1%;
padding-left: 25%;
}


.box-container {
  background: #111;
  border-radius: 13px;
  margin-top: 1%;
  border: 1.4px solid greenyellow;

}

.box {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #000;
  color: white;
  font-size: 12;
  text-align: center;
  transition: transform 0.15s ease;
  border-radius: 50%;
  cursor: pointer;
}
.box:hover{
transform: scale(2);
}

.box.correct {
  background: green !important;
  transform: scale(1);
}

.box.incorrect {
  background: red !important;
  transform: scale(1);
}

.box.ui-draggable-dragging {
  box-shadow: 10px 20px 30px rgba(0,0,0,0.5);
  transform: scale(2);
}

.box.ui-draggable.ui-draggable-handle{
  margin-right: 5%;
}

.droparea {
  width: 16%;
  height: 200px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 1%;
}

#score-container {}


#button1{
	margin-top: 2%;
	margin-left: 40%;
	text-align: center;
}

#button2{
	margin-top: 2%;
	margin-left: 5%;
  	text-align: center;
}