@tailwind base;
@tailwind components;

.tooltip {
    @apply invisible absolute;
}

.has-tooltip:hover .tooltip {
    @apply visible z-50;
}

@tailwind utilities;


@layer base {
    h1 {
        @apply text-2xl
    }
    h2 {
        @apply text-xl
    }

    a {
        @apply text-blue-900;
      }

}

/* width */
::-webkit-scrollbar {
width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey; 
border-radius: 2px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #9CA3AF; 
border-radius: 2px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #6B7280; 
}

.h-11\/12 {
height: 91.666667%;
}