#maindboard {
  width: 100%;
  height: 850px;
  padding: 20px 30px 0 30px;
  border: black solid 3px;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  background-color: ;
}
.refreshImg {
  padding: 3px;
  margin: 0;
  width: 50px;
  border: none;
}
#refresh {
  margin: 0;
  padding: 0;
}
.wastes {
  display: flex;
  flex-flow: wrap;
  justify-content: space-around;
}
.waste {
  margin: 10px;
  padding: 0;
  width: 120px;
  height: 130px;
  cursor: grab;
  border: none;
}

.bins {
  display: flex;
  justify-content: space-around;
}
.bin {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 250px;
}
.toothpaste {
  display: flex;
  flex-flow: column;
}

#reload {
  margin: 0 0 0 73%;
}

#recycle {
  fill: rgb(96, 177, 107);
}

/*          dragging        */

.bin-hover {
  transform: scale(1.1);
  /* rotate the lid */
}

/*         hover             */

.bin.open .binLid {
  transform: rotateZ(-30deg);
}
.bin .binLid {
  transform: rotateZ(0deg);
}

#modalbtn {
  cursor: ;
}
