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


:root {
    --primary-1: #ff5001;
    --primary-2: #ee4d05;
    --secondary-1: #FFC2A6;
    --secondary-2: #e2ab92;
    --blue-1: #172439;
    --blue-2: #101928;
    --green-1: #22c55e;
    --green-2: #1eaf53;
    --red-1: #cb2027;
    --red-2: #b11d23;
    --black-1: #1d1e24;
    --black-2: #131418;
  }
  

  @layer components {
    .date-top{
        @apply py-1 px-2 text-sm rounded-md border border-gray-400;
    }

    .plain-table {
        @apply w-full text-sm text-left text-gray-500;
    }

    .plain-table thead {
        @apply text-sm uppercase;
    }

    .plain-table thead tr {
        @apply bg-white;
    }

    .plain-table thead tr th {
        @apply px-6 py-4 text-black border-2;
    }

    .plain-table tbody tr {
        @apply bg-white border-b hover:bg-gray-50 text-[#172439] text-base;
    }

    .plain-table tbody td {
        @apply px-6 py-4 border-2;
    }

    .plain-table tfoot {
        @apply text-sm uppercase;
    }

    .plain-table tfoot tr {
        @apply bg-white;
    }

    .plain-table tfoot tr th {
        @apply px-6 py-3 text-black border-2;
    }
}

.slide-fade-enter-active {
    transition: all 0.2s ease-out;
}

.slide-fade-leave-active {
    transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter-from {
    transform: translateX(200px);
    opacity: 0;
}

.slide-fade-leave-to {
    transform: translateY(-200px);
    opacity: 0;
}


.slide-fade-right-enter-active {
    transition: all 0.2s ease-out;
}

.slide-fade-right-leave-active {
    transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-right-enter-from {
    transform: translateX(200px);
    opacity: 0;
}

.slide-fade-right-leave-to {
    transform: translateX(200px);
    opacity: 0;
}

@keyframes nudge {
    0% {
      transform: scale(0.7);
    }
  
    50% {
      transform: scale(1.2);
    }
  
    100% {
      transform: scale(1);
    }
  }
  
  .nudd{
    animation: nudge 2s linear infinite;
  }