.white-mode {
  background-color: white;
  color: black;
}

/* Fade Animation Styles */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate-fade-in-down {
  animation: fadeInDown 1.5s ease-out forwards;
}

.animate-fade-in-up {
  animation: fadeInUp 1.5s ease-out forwards;
}

.animate-fade-in {
  animation: fadeIn 2s ease-out forwards;
}

/* Custom class to hide scrollbar across browsers */
.scrollbar-hide {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}