styles.css

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');


@tailwind base;
@tailwind components;
@tailwind utilities;

.cl{
    @apply hover:text-white cursor-pointer transform transition duration-200 hover:scale-105 text-gray-100;
}

.auth-fields{
    @apply text-sm py-2 px-3 my-3 rounded-full outline-none;

}

.task-detail-item{
    @apply text-sm col-span-1 sm:col-span-1 bg-gray-50 p-1 flex items-center;
}

.project-active-item{
    @apply text-green-500 font-semibold;
}

.project-active-item > div{
    @apply bg-gray-100 transform translate-x-1 transition duration-200;
}

/* --------------- Custom Scroller -------------- */
.scroller::-webkit-scrollbar {
    @apply w-1.5;
  }   
.scroller::-webkit-scrollbar-track {
    @apply rounded-full;
}
.scroller::-webkit-scrollbar-thumb {
    @apply w-1.5 bg-gray-400 rounded-full shadow-lg;
}
.scroller::-webkit-scrollbar-track-piece{
    @apply bg-transparent;
}

body::-webkit-scrollbar {
    @apply w-1.5;
  }   
body::-webkit-scrollbar-track {
    @apply rounded-full;
}
body::-webkit-scrollbar-thumb {
    @apply w-1.5 bg-gray-400 rounded-full shadow-lg;
}
body::-webkit-scrollbar-track-piece{
    @apply bg-gray-200;
}
/* --------------- Custom Scroller -------------- */