:root, [data-bs-theme=light] {
  --bs-body-font-family: Roboto, sans-serif;
}

[data-bs-theme=dark] {
  --bs-body-font-family: Roboto, sans-serif;
  --bs-body-font-weight: 100;
  --bs-body-line-height: 1;
  --bs-border-color: #d0d0d0;
  --bs-border-radius: 0;
  --bs-focus-ring-color: rgba(111,111,111,0.25);
}

.mx-2 {
  margin-right: .5rem!important;
  margin-left: .5rem!important;
}

.mx-auto {
  margin-right: auto!important;
  margin-left: auto!important;
}

.my-3 {
  margin-top: 1rem!important;
  margin-bottom: 1rem!important;
}

.my-4 {
  margin-top: 1.5rem!important;
  margin-bottom: 1.5rem!important;
}

.my-5 {
  margin-top: 3rem!important;
  margin-bottom: 3rem!important;
}

.mt-0 {
  margin-top: 0!important;
}

.mt-3 {
  margin-top: 1rem!important;
}

.mt-4 {
  margin-top: 1.5rem!important;
}

.mt-5 {
  margin-top: 3rem!important;
}

.mt-7 {
  margin-top: 6rem !important;
}

.me-2 {
  margin-right: .5rem!important;
}

.me-5 {
  margin-right: 3rem!important;
}

.mb-0 {
  margin-bottom: 0!important;
}

.mb-3 {
  margin-bottom: 1rem!important;
}

.mb-4 {
  margin-bottom: 1.5rem!important;
}

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

.mb-6 {
  margin-bottom: 4.5rem !important;
}

.mb-7 {
  margin-bottom: 6rem !important;
}

.mb-auto {
  margin-bottom: auto!important;
}

.ms-3 {
  margin-left: 1rem!important;
}

@media (min-width:576px) {
  .mb-sm-3 {
    margin-bottom: 1rem!important;
  }
}

@media (min-width:768px) {
  .me-md-auto {
    margin-right: auto!important;
  }
}

@media (min-width:768px) {
  .mb-md-0 {
    margin-bottom: 0!important;
  }
}

@media (min-width:768px) {
  .mb-md-4 {
    margin-bottom: 1.5rem!important;
  }
}