html nav.navbar {
  background-color: #ffffffdd;
  transition: all 200ms;
}
html[data-bs-theme="dark"] nav.navbar {
  background-color: #33333395;
}

#root {
  min-height: 100vh;
  background: url(/images/bg_img.jpg) no-repeat bottom center / cover;
  @supports (background-image: url(/images/bg_img.webp)) {
    background: url(/images/bg_img.webp) no-repeat bottom center / cover;
  }
}
#root > .container-fluid > .row > .container-fluid {
  min-height: calc(100vh - 70px);
  padding-top: 15px;
  background-color: #ffffffbb;
  transition: all 200ms;
}
html[data-bs-theme="dark"] #root > .container-fluid > .row > .container-fluid {
  background-color: #333333cc;
}