base.css

@tailwind base;
@tailwind components;

.wp {
  border-radius: 50%;
  background: linear-gradient(145deg, #d6d6d6, #ffffff);
}

.bp {
  border-radius: 50%;
  background: linear-gradient(145deg, #242424, #1f1f1f);
}

.wp-dark {
  border-radius: 50%;
  background: linear-gradient(145deg, #cb1a64, #ab1654);
}

.bp-dark {
  border-radius: 50%;
  background: linear-gradient(145deg, #8a8a8a, #a4a4a4);
}

.fade-in {
  animation: fade-in 0.5s;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fade-out {
  animation: fade-out 0.5s;
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@tailwind utilities;