html {
  overflow: hidden;
  min-height: calc(100% + env(safe-area-inset-top));
  padding: env(safe-area-inset-top) env(safe-area-inset-right)
    env(safe-area-inset-bottom) env(safe-area-inset-left);
}

body {
  overflow: auto;
  height: 100vh;
}

.safe-top-0 {
  top: env(safe-area-inset-top);
}

.safe-left-0 {
  left: env(safe-area-inset-left);
}

.safe-right-0 {
  right: env(safe-area-inset-right);
}

.offcanvas-end,
.offcanvas-start {
  margin-top: env(safe-area-inset-top);
}

.fixed-bottom {
  padding-bottom: max(env(safe-area-inset-bottom), var(--bs-navbar-padding-y));
}

nav.navbar {
  background-color: rgb(243, 142, 99, 0.65);
}

div#messages {
  position: absolute;
  top: 4.6rem;
  right: 1rem;
  z-index: 1050; /* The navbar is at 1020 */
}