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

@layer components {

    /* Custom component classes: https://tailwindcss.com/docs/extracting-components/#extracting-css-components-with-apply */

    .custom-blue-button {
        @apply bg-blue-500 text-white text-lg font-bold py-02 px-04 rounded-full border-2 border-blue-500
    }

    .custom-blue-button:hover {
        @apply bg-blue-700
    }

    .custom-blue-button:focus {
        @apply outline-none border-blue-700
    }

}