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

@layer base {
  .header {
    @apply w-full flex justify-between items-center p-4;
  }

  .navigation {
    @apply flex justify-between items-center gap-1 bg-stone-100 rounded-full p-1 mb-6;
  }

  .tutors .navigation {
    @apply flex justify-between items-center gap-1 bg-stone-100 rounded-full p-1 mb-0;
  }

  .link-header {
    @apply flex items-center justify-center flex-1 px-0 py-[10px] dark:hover:text-white text-sm font-medium text-stone-600 ;
  }

  .link-header-icon {
    @apply w-4 h-4 hover:text-azure-600 stroke-[1.2] hover:stroke-[1.4] active:stroke-[1.4];
  }
}