@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;500;800&display=swap');

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

@layer components {
    .text a {
        @apply underline hover:no-underline hover:text-red-200;
    }
    #footer a {
        @apply underline hover:no-underline hover:text-pbw-white;
    }
    .separator {
        @apply inline-block mx-3;
    }
    .button {
        @apply border border-pbw-yellow py-3 px-4 rounded hover:bg-pbw-yellow hover:text-pbw-red;
    }
}