.dropbox {
  border-radius: 8px;
  border: 2px dashed #C9CED5;
  color: var(--bs-secondary-color);
  padding: 3rem 1rem;
  text-align: center;
  margin-bottom: 1.5rem;
  -webkit-transition: .15s;
  -o-transition: .15s;
  transition: .15s;
  position: relative;
}

@media (max-width: 575px) {
  .dropbox {
    margin-bottom: 1rem;
  }
}

.dropbox:hover, .dropbox.active {
  border-color: #CCE0FC;
  background-color: #E6F0FC;
}

.dropbox input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.upload-form {
   width: 90%;
   max-width: 800px;
}
