/** @format */

body {
  background-color: rgb(99, 59, 174);
}

h1 {
  color: white;
  text-align: center;
}

h2 {
  color: white;
  text-align: center;
}

p {
  color: rgb(0, 0, 0);
}

.btn-bd-primary {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bd-violet-bg);
  --bs-btn-hover-border-color: var(--bd-violet-bg);
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: var(--bd-violet-bg);
  --bs-btn-active-border-color: var(--bd-violet-bg);
}

/* Stats icons sizing moved here instead of inline styles */
.stats .bi {
  font-size: 2.5rem;
}