static/Home.css

/* Accession number group (label + input) */
.u-form-group.u-form-name.u-form-partition-factor-2 {
  width: 65% !important;     /* wider */
  margin-right: 0 !important;
}

/* File upload group (label + input) */
.u-form-group.u-form-partition-factor-2:not(.u-form-name) {
  width: 35% !important;     /* narrower */
}
/* Make file input align with email + text boxes */
#file-upload.u-input[type="file"] {
  height: 48px;                /* force consistent height */
}
/*---------------------------------------------------------*/
/*                                                         */
/*---------------------------------------------------------*/
.u-section-1 .u-sheet-1 {
  min-height: 525px;
}

.u-section-1 .u-btn-1 {
  --color-var: #bbdd5d;
  background-image: none;
  font-size: 1.875rem;
  --radius: 10px;
  --active-color-var: #bbdd5d;
  margin: 22px 60px 0 auto;
  padding: 10px 79px 10px 78px;
}

.u-section-1 .u-text-1 {
  font-weight: 700;
  font-style: italic;
  margin: -114px 470px 0 21px;
}

.u-section-1 .u-text-2 {
  font-weight: 400;
  margin: 44px 470px 0 22px;
}

.u-section-1 .u-form-1 {
  height: 330px;
  width: 1099px;
  margin: 0 auto 44px;
}

.u-section-1 .u-label-1 {
  font-size: 1.25rem;
  font-weight: 700;
}

.u-section-1 .u-label-2 {
  font-size: 1.25rem;
  font-weight: 700;
}

.u-section-1 .u-text-3 {
  margin-left: 0;
}

.u-section-1 .u-btn-2 {
  background-image: none;
  font-style: italic;
  text-decoration: underline !important;
  padding: 0;
}

.u-section-1 .u-label-3 {
  font-size: 1.25rem;
  font-weight: 700;
}

.u-section-1 .u-btn-3 {
  font-size: 1.25rem;
  font-weight: 700;
}

@media (max-width: 1199px) {
  .u-section-1 .u-btn-1 {
    --radius: 15px;
    border-style: solid;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-1 .u-text-1 {
    margin-top: -115px;
    margin-right: 291px;
    margin-left: 0;
  }

  .u-section-1 .u-text-2 {
    margin-top: 23px;
    margin-right: 291px;
    margin-left: 1px;
  }

  .u-section-1 .u-form-1 {
    width: 940px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-text-1 {
    margin-right: 71px;
  }

  .u-section-1 .u-text-2 {
    margin-right: 71px;
  }

  .u-section-1 .u-form-1 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-text-1 {
    margin-right: 0;
  }

  .u-section-1 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-1 .u-form-1 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-form-1 {
    width: 340px;
  }
}