Custom classess with tailwind CSS

globals.css

.shadow-neumorphic {
  @apply shadow-[5px_5px_30px_rgba(190,190,190,0.15),-5px_-5px_30px_rgba(255,255,255,0.15)];
}

.flex-center {
  @apply flex items-center justify-center;
}

.flex-between {
  @apply flex items-center justify-between;
}

.test-red {
  @apply border-2 border-red-500;
}

.test-blue {
  @apply border-2 border-blue-500;
}

.test-green {
  @apply border-2 border-green-500;
}

.test-purple {
  @apply border-2 border-purple-500;
}