body {
  color: #08312A;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  background-image: url(../img/bulb.jpg);
  background-size:cover
}

main {
  flex-grow: 1;
  overflow: auto;
}

.form-shorten {
  padding: 1.5rem;
  margin: 0 auto;
  border: 1px solid rgb(222, 226, 230);
  border-radius: .25rem;
  background-color: white;
}

.flex-center {
  display: flex;
  align-items: center;
}

h3 {
  color: #08312A;
}

.form-control {
  border-radius: 3px;
}

.form-control:focus {
  border-color: #002e5c;
  box-shadow: 0 0 0 0.25rem rgb(8 49 42 / 20%);
}

.btn-primary {
  color: #fff;
  background-color: #08312A;
  border-color: #08312A;
  border-radius: 3px;
}

  .btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #08312A;
    border-color: #08312A;
    box-shadow: 0 0 0 0.25rem rgb(8 49 42 / 50%);
  }

  .btn-primary:hover {
    color: #fff;
    background-color: #00E47C;
    border-color: #00E47C;
  }

  .btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgb(8 49 42 / 50%);
  }