@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

@layer base {
    html, body {
        height: 100%;
    }

    input[type='text'],
    input[type='password'],
    input[type='email'],
    input[type='number'],
    input[type='url'],
    input[type='date'],
    input[type='datetime-local'],
    input[type='month'],
    input[type='week'],
    input[type='time'],
    input[type='search'],
    input[type='tel'],
    select,
    input[type='checkbox'],
    select[multiple] {
        @apply rounded;
    }

    h1,h2,h3,h4{
        @apply font-sans
    }
}