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

.bodyprops {
  background: var(--bs-emphasis-color);
}

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

.image3 {
  position: absolute;
  top: 5%;
  width: 100%;
}

.settrans {
  background: rgba(255,255,255,0);
}

.setbrfont {
  font-family: 'Courier New';
  color: var(--bs-body-bg);
  font-weight: bold;
  background: rgba(0,0,0,0.43);
  border-radius: 25px;
}

.buttstyle {
  background: rgba(0,0,0,0.28);
  opacity: 0.88;
  border-radius: 25px;
  font-family: 'Courier New';
  font-weight: bold;
  border-color: var(--bs-emphasis-color);
}

.textboxcolour {
  color: var(--bs-body-bg);
  background: rgba(255,255,255,0);
  font-family: 'Courier New';
  border-width: 2px;
  border-color: #8aaf67;
  font-weight: bold;
}

.setbord {
  border-radius: 15px;
  border-width: 2px;
  border-color: #8aaf67;
}

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

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}