@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&family=Work+Sans:wght@100;200;300;400;500&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components{
    .headerHover{
        @apply px-2 h-[80%] flex items-center rounded-sm border-transparent hover:border-gray-100 border-2 cursor-pointer duration-100;
    }
    .footerLink{
        @apply px-2 h-[80%] flex items-center rounded-sm border-transparent hover:border-gray-100 border-b-[1px] cursor-pointer duration-100;
    }
}