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

//@layer components {
//  .FoodList{
//    @apply w-full box-border mx-3 my-8 p-1.25/1 select-none flex justify-between items-center;
//  }
//  .Bar{
//    @apply fa fa-plus-circle fa-2x mx-3 text-blue-500 cursor-pointer;
//  }
//}



.FoodName{
  @apply text-3xl mx-3 font-semibold text-gray-600;
}

.FoodBriefIntro{
  @apply text-2xl leading-loose mx-3 font-normal text-gray-500 mt-1;
}

.FoodNumber{
  @apply text-2xl text-gray-500 mx-3 font-normal mt-1;
}