html, body {
  min-height: 100%;
  margin: 0;
  /* TWO backgrounds: a translucent white overlay, then the image */
  background:
    /* overlay: alpha = 1 - opacity */
    linear-gradient(
      rgb(255 255 255 / calc(1 - var(--login-bg-opacity, 1))),
      rgb(255 255 255 / calc(1 - var(--login-bg-opacity, 1)))
    ),
    var(--login-bg) center/cover no-repeat fixed;
}

.navbar {
    border-bottom: none;
    background: transparent !important;
}

.web-footer {
    padding: 0;
    background: transparent !important;
    border-top: none;
    margin-top: auto;
}