:root, [data-bs-theme=light] {
  --bs-primary: #2cff3c;
  --bs-primary-rgb: 44,255,60;
  --bs-primary-text-emphasis: #126618;
  --bs-primary-bg-subtle: #D5FFD8;
  --bs-primary-border-subtle: #ABFFB1;
  --bs-secondary: #ffffff;
  --bs-secondary-rgb: 255,255,255;
  --bs-secondary-text-emphasis: #666666;
  --bs-secondary-bg-subtle: #FFFFFF;
  --bs-secondary-border-subtle: #FFFFFF;
  --bs-body-bg: #000000;
  --bs-body-bg-rgb: 0,0,0;
  --bs-secondary-bg: #121212;
  --bs-secondary-bg-rgb: 18,18,18;
  --bs-tertiary-bg: #141414;
  --bs-tertiary-bg-rgb: 20,20,20;
  --bs-border-width: 1px;
}

.btn-primary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #2cff3c;
  --bs-btn-border-color: #2cff3c;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #4CFF59;
  --bs-btn-hover-border-color: #41FF50;
  --bs-btn-focus-shadow-rgb: 7,38,9;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #56FF63;
  --bs-btn-active-border-color: #41FF50;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #2cff3c;
  --bs-btn-disabled-border-color: #2cff3c;
}

.btn-outline-primary {
  --bs-btn-color: #2cff3c;
  --bs-btn-border-color: #2cff3c;
  --bs-btn-focus-shadow-rgb: 44,255,60;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #2cff3c;
  --bs-btn-hover-border-color: #2cff3c;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #2cff3c;
  --bs-btn-active-border-color: #2cff3c;
  --bs-btn-disabled-color: #2cff3c;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2cff3c;
}

.btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #ffffff;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #FFFFFF;
  --bs-btn-hover-border-color: #FFFFFF;
  --bs-btn-focus-shadow-rgb: 38,38,38;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #FFFFFF;
  --bs-btn-active-border-color: #FFFFFF;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #ffffff;
  --bs-btn-disabled-border-color: #ffffff;
}

.btn-outline-secondary {
  --bs-btn-color: #ffffff;
  --bs-btn-border-color: #ffffff;
  --bs-btn-focus-shadow-rgb: 255,255,255;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-hover-border-color: #ffffff;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #ffffff;
  --bs-btn-active-border-color: #ffffff;
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffffff;
}

.px-2 {
  padding-right: .75rem !important;
  padding-left: .75rem !important;
}

.px-3 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-4 {
  padding-right: 2.25rem !important;
  padding-left: 2.25rem !important;
}

.py-1 {
  padding-top: .375rem !important;
  padding-bottom: .375rem !important;
}

.py-3 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-4 {
  padding-top: 2.25rem !important;
}

.pt-6 {
  padding-top: 6rem !important;
}

.pt-7 {
  padding-top: 7.5rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-2 {
  padding-right: .75rem !important;
}

.pe-3 {
  padding-right: 1.5rem !important;
}

.pe-4 {
  padding-right: 2.25rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-2 {
  padding-bottom: .75rem !important;
}

.pb-3 {
  padding-bottom: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 2.25rem !important;
}

.pb-5 {
  padding-bottom: 4.5rem !important;
}

.pb-7 {
  padding-bottom: 7.5rem !important;
}

.ps-3 {
  padding-left: 1.5rem !important;
}

.ps-4 {
  padding-left: 2.25rem !important;
}

@media (min-width: 576px) {
  .pt-sm-5 {
    padding-top: 4.5rem !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-8 {
    padding-top: 9rem !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-8 {
    padding-bottom: 9rem !important;
  }
}

@media (min-width: 768px) {
  .pt-md-6 {
    padding-top: 6rem !important;
  }
}

@media (min-width: 768px) {
  .pt-md-7 {
    padding-top: 7.5rem !important;
  }
}

@media (min-width: 768px) {
  .pt-md-9 {
    padding-top: 10.5rem !important;
  }
}

@media (min-width: 768px) {
  .pb-md-6 {
    padding-bottom: 6rem !important;
  }
}

@media (min-width: 768px) {
  .pb-md-9 {
    padding-bottom: 10.5rem !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-7 {
    padding-top: 7.5rem !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-10 {
    padding-top: 12rem !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-10 {
    padding-bottom: 12rem !important;
  }
}