html {
  height: 100%;
}

#drag-box {
  height: 100%;
  position: relative;
  padding: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f3cf2e;
}

.document-title {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  top: 2%;
  left: -0.5%;
}

.zone {
  height: 100%;
  padding: 1%;
  width: 20%;
  border: 10px solid black;
  border-radius: 10px;
}

.zone2, .zone3, .zone4 {
  margin-left: 5%;
}

.box {
  margin: 5% 0;
  border: 5px solid black;
  border-radius: 5px;
  background-color: black;
  opacity: .8;
  color: white;
  text-align: center;
  font-size: 2rem;
}
/*# sourceMappingURL=DragAndDrop.css.map */