#hero {
  background: radial-gradient(ellipse 50% 100% at bottom, color-mix(in srgb, var(--bs-primary) 21%, transparent) 25%, color-mix(in srgb, var(--bs-primary) 7%, transparent) 50%, color-mix(in srgb, var(--bs-secondary) 7%, transparent) 75%, transparent 100%);
  background-repeat: no-repeat;
  background-size: 1600px 100%;
  background-position: center;
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  padding: 60px 30px;
}

.btn {
  padding: 0.5rem 1rem;
  max-width: 100%;
}

.btn-lg {
  padding: 1rem 2rem;
}

.btn-sm {
  padding: 0.3rem 0.8rem;
}

.offcanvas-backdrop.fade {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.2);
}

.offcanvas-backdrop.show {
  opacity: 1;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 30px;
}

p {
  margin-bottom: 15px;
}

ul, ol {
  margin-bottom: 15px;
}

html[data-bs-theme=dark] img.light {
  filter: saturate(0) brightness(0) invert(1);
}

html[data-bs-theme=dark] #theme-toggler .icon-tabler-sun, html[data-bs-theme=light] #theme-toggler .icon-tabler-moon {
  display: none;
}

html[data-bs-theme=light] #theme-toggler .icon-tabler-sun, html[data-bs-theme=dark] #theme-toggler .icon-tabler-moon {
  display: block;
}

html[data-bs-theme=auto] #theme-toggler {
  display: none;
}