/* for DRAG AND DROP */
.container {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.box {
  border: 3px solid #666;
  background-color: #ddd;
  border-radius: 0.5em;
  padding: 10px 20px 20px 20px;
  cursor: move;
  min-width: 50px;
}

.box2 {
  border: 3px solid rgb(175, 25, 25);
  background-color: rgba(245, 94, 94, 0.301);
  border-radius: 0.5em;
  padding: 10px 20px 20px 20px;
  cursor: move;
  min-width: 50px;
}

.box.over {
  border: 3px dotted #666;
}

.containerDiv {
  display: flex;
  justify-content: space-between;
  margin: 10px 0px;
}