#divDropArea {
  border-style: dashed;
  border-width: 1px;
  height:       8rem;
  margin-top:   1rem;

  border-color: var(--basePrimary);
}

#divDropArea.drop-over { background-color: var(--baseSecondary); }

#divDropArea p { margin: 2rem auto 0 auto; text-align: center; }

#divSubmitBar { margin-top: 1rem; padding: 0.5rem 0; }

#imgCropPreview {
  border-radius:  50%;
  display:        block;
  max-height:     400px;
  margin:         0 auto 1rem auto;
  max-width:      100%; /* This rule is very important, please don't ignore this */
  box-shadow:     0 0 10px rgba(0, 0, 0, 0.1);
}


@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 479px) {

}