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


@font-face {
    font-family: 'Dunkin Sans Book';
    src: url('/fonts/DunkinSans-Book-v1.001.otf') format('otf');
    src: url('/fonts/DunkinSans-Book-v1.001.otf') format('truetype');
}

@font-face {
    font-family: 'Dunkin Sans Display';
    src: url('/fonts/DunkinSans-Display-v1.001.otf') format('otf');
    src: url('/fonts/DunkinSans-Display-v1.001.otf') format('truetype');
}

@font-face {
    font-family: 'Dunkin Sans Medium';
    src: url('/fonts/Dunkin-Sans-Medium-ac89.otf') format('otf');
    src: url('/fonts/Dunkin-Sans-Medium-ac89.otf') format('truetype');
}

@font-face {
    font-family: 'Dunkin Sans ExtraBold';
    src: url('/fonts/Dunkin-Sans-ExtraBold-d403.otf') format('otf');
    src: url('/fonts/Dunkin-Sans-ExtraBold-d403.otf') format('truetype');
}

.input-custom {
    @apply border bg-gray-200 p-1 text-center;
}

.input-white-custom {
    @apply border bg-white p-1 text-center;
}

.btn-custom {
    @apply bg-purple-custom text-white p-2 rounded-3xl font-bold px-20 hover:bg-orange-custom font-dunkin-sans-extrabold;
}

.btn-orange-custom {
    @apply bg-orange-custom px-10 py-1 text-white hover:bg-purple-custom font-bold rounded-xl font-dunkin-sans-extrabold;
}

.btn-purple-custom {
    @apply bg-purple-custom px-10 py-1 text-white hover:bg-orange-custom font-bold rounded-xl font-dunkin-sans-extrabold;
}