body {
  font-family: 'Rajdhani', sans-serif;
}

/* Scrollbar */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Background Colors */
.bg-primary {
  background-color: #1c7b45ff;
}

.bg-secondary {
  background-color: #1ea757ff;
}

.bg-tertiary {
  background-color: #c0ebd3ff;
}

.bg-yellow-accent {
  background-color: #ffdd57ff;
}
.bg-stripe {
  background-color: #1c387bff;
}

/* Text Colors */
.text-primary {
  color: #1c7b45ff;
}

.text-secondary {
  color: #1ea757ff;
}

.text-yellow-accent {
  color: #ffdd57ff;
}

.text-stripe {
  color: #1c387bff;
}


/* The entire scrollbar */
body::-webkit-scrollbar {
  display: none;
  width: 12px;
  /* width of the vertical scrollbar */
  background-color: #3aef52;
  /* color of the tracking area background */
}

/* The draggable scrolling handle */
body::-webkit-scrollbar-thumb {
  background-color: #0b6f0d;
  /* color of the scroll thumb */
  border-radius: 20px;
  /* roundness of the scroll thumb */
  border: 3px solid #f5f5f5;
  /* creates padding around scroll thumb */
}

/* Optional: style the scrollbar track */
body::-webkit-scrollbar-track {
  background: #93c5a7;
}

/* Beat */
  @keyframes new {
    0%{
      color: #f00;
    }
    50%{
      color: #fff;
    }
    100%{
      color: #fff;
    }
  }
.new{
  animation: new 1.5s infinite;
}