a {
  text-decoration: none;
  outline: none !important;
}

.img-profile {
  height: 2rem;
  width: 2rem;
}

.rounded-circle {
  border-radius: 50% !important;
}

.no-underline {
  text-decoration: none !important;
}

.text-gold {
  color: #ffc74b;
}

.text-purple {
  color: #772ce8 !important;
}

.text-purple2 {
  color: #9c5aff !important;
}

.text-teal {
  color: #008080 !important;
}

.orange-text {
  color: #ff9800 !important;
}

.yellow-text {
  color: #ffeb3b !important;
}

.green-text {
  color: #4caf50 !important;
}

.xp-text {
  color: #c81939 !important;
}

.hide {
  display: none;
  visibility: hidden;
}

.pixel {
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-pixelated;
  image-rendering: pixelated;
}

.select {
  transition: 0.2s ease-in-out;
}

.select:hover {
  transform: scale(1.02);
  z-index: 1;
}

.btn-xp {
  background-color: #c81939;
  cursor: pointer;
}

.btn-xp:hover {
  background-color: #ac1934;
}

.glow-item-1 {
  filter: drop-shadow(0 0 50px #18fe916e);
}

.glow-item-2 {
  filter: drop-shadow(0 0 50px #18a8fe6e);
}

.glow-item-3 {
  filter: drop-shadow(0 0 50px #fe99186e);
}

.glow-text {
  text-shadow: 0 0 50px #18fe9147;
}

.glow-hero {
  filter: drop-shadow(0 0 4px #ffffff4f);
}

.rays {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 200%;
  background: url("/path/to/your/rays-image.png") no-repeat center center;
  background-size: cover;
  transform: translate(-50%, -50%);
  animation: spin 3s linear infinite;
}

@keyframes spin {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.btn-outline-xp {
  --bs-btn-color: #c81939;
  --bs-btn-border-color: #c81939;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c81939;
  --bs-btn-hover-border-color: #c81939;
  --bs-btn-focus-shadow-rgb: 91, 192, 222;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c81939;
  --bs-btn-active-border-color: #c81939;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #c81939;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #c81939;
  --bs-gradient: none;
}

a {
  color: #c81939;
  text-decoration: underline;
}

.btn-primary {
  background-color: #c81939;
  border-color: #c81939;
  color: #fff;
}

.btn-primary:hover {
  background-color: #ac1934;
  border-color: #ac1934;
  color: #fff;
}

.btn-primary:focus,
.btn-primary.focus {
  background-color: #ac1934;
  border-color: #ac1934;
  color: #fff;
  box-shadow: #ac1934;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #14d373;
  border-color: #14d373;
  color: #fff;
  box-shadow: none;
}

.btn-primary:disabled,
.btn-primary.disabled {
  background-color: #18fe91;
  border-color: #18fe91;
  color: #fff;
  opacity: 0.65;
}

.progress-bar {
  background-color: #c81939;
}

.btn-outline-grey {
  --bs-btn-color: #bbb;
  --bs-btn-border-color: #bbb;
  --bs-btn-hover-border-color: #fff;
}

.text-body {
  text-decoration: none !important;
}

.text-coin-card {
  --bs-text-opacity: 1;
  color: rgba(255, 0, 0, 0.8) !important;
}

body {
  background-color: #181c23;
}

.card {
  --bs-card-bg: #292e38;
}

.bg-darkgrey {
  background-color: #292e38;
}

.bg-background {
  --bs-bg-opacity: 1;
  background-color: rgb(30, 32, 36) !important;
}