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

@layer components {
  .sidebar-item {
    @apply font-medium text-lg w-full px-4 py-2 rounded hover:bg-white hover:bg-opacity-5 hover:cursor-pointer flex items-center
  }

  .highlight {
    @apply bg-primary bg-opacity-20 px-2 rounded
  }
}

.router-link-active {
 background-color: rgba(0, 0, 0, 20%) 
}
