html {
  background-color: cornflowerblue;
}

body {
  /background-image: url("wbcg.png");
  /background-repeat: no-repeat;
  /background-size: cover;
  /background-position: top;
  /color: #845551;
  font-weight: bold;
  min-height: 97vh;
  background-color: #f5f7f9;
}

.top {
  margin-top: 1rem;
  padding: 3rem 0 3rem 0;
}

h4 {
  font-size: x-large;
}

a {
  /color: #198754;
}
a:hover {
  /color: #157347;
}

.center {
  text-align: center;
}

.form-check-input.success:checked {
  /background-color: #198754;
  /border-color: #198754;
}

.form-check-input.success:focus {
  /box-shadow: 0 0 0 .25rem rgba(25, 135, 84, 0.25);
}

.form-check-inline {
  margin-right: 0;
  padding-left: 1em;
  padding-top: 1em;
}

.btn-lg {
  width: 400px;
  padding: .5rem .2rem;
}

.bg-f {
  background-color: #fff;
  height: 140px;
  font-size: medium;
  font-weight: bold;
}

.red {
  color: red;
}

.mb-5 {
  margin-bottom: 2rem !important;
}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.45;
}

@media only screen and (max-width: 450px) {
  .btn-lg {
    width: 300px;
  }
}