.image1 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.image2 {
  position: absolute;
  top: 15%;
  width: 100%;
}

.cardprops {
  background: rgba(255,255,255,0);
  border-radius: 25px;
  border-width: 3px;
  border-color: rgba(112,183,195,0.41);
}

.setfont {
  font-family: OPTIAltheaBold-Two;
  color: var(--bs-body-bg);
}

.settrans {
  background: rgba(255,255,255,0);
  color: var(--bs-body-bg);
  border-width: 2px;
  border-color: rgba(112,183,195,0.41);
}

.form-control::placeholder {
  color: var(--bs-body-bg);
  opacity: 1;
}

.bodyprops {
  background: #030303;
}

.buttstyle {
  background: rgba(12,73,91,0.81);
  border-radius: 25px;
  font-family: OPTIAltheaBold-Two;
}

.succbodyprops {
  font-family: OPTIAltheaBold-Two;
}

.styling {
  background: rgba(255,255,255,0);
  font-size: 35px;
  color: var(--bs-body-bg);
  border-style: none;
  top: 46%;
  text-align: center;
}