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


@theme {
    --color-baseorange: "#fe5e48";
}

.education-institute-card {
    @apply flex flex-col bg-gray-800/50 p-3 rounded-2xl shadow-lg 
           transform  md:hover:mt-[-1rem] transition-all duration-300 ease-in-out max-w-md mx-auto space-y-4;
  }


.hover-float {
    @apply md:transition-transform md:duration-300 md:ease-in-out md:hover:-translate-y-2;
}



.skills-badge {
    @apply flex items-center justify-center gap-2 rounded-xl border border-white/[0.14] bg-neutral-900 text-white/80 px-4 py-1 md:hover:font-bold md:hover:-translate-y-[3px] transition-all duration-300 ease-in-out;
}


.project-card {
    @apply flex flex-col bg-gray-800/50 p-3 rounded-2xl shadow-lg hover:shadow-2xl transform md:hover:mt-[-1rem] transition-all duration-300 ease-in-out max-w-md mx-auto space-y-4;
}

.article-tag {
    @apply text-sm text-red-500 bg-red-300 px-2 rounded-sm;
}

/* Update Toggles button stuff when sm: */