@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@import url('https://fonts.cdnfonts.com/css/chewy');
@import url('https://fonts.cdnfonts.com/css/raleway-5');
@import url('https://fonts.cdnfonts.com/css/nunito');
@import url('https://fonts.cdnfonts.com/css/mountains-of-christmas');

body {
    @apply bg-primary-FestiveRed text-primary-SnowyWhite;

}

* {
    font-family: 'raleway', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'mountains of christmas', cursive;
}

.input-text {
    @apply border-2 rounded-md p-2 bg-primary-FestiveRed border-primary-SantaSuitBlack-light;
}

.button {
    @apply border-2 rounded-md p-2;
}

.button-primary {
    @apply border-primary-GoldTinsel bg-primary-GoldTinsel-dark text-primary-SantaSuitBlack font-bold mx-auto px-6 hover:bg-primary-GoldTinsel-light
}