custom-styles.css

h1 {
    @apply text-2xl;
}

h2 {
    @apply text-xl;
}

h3 {
    @apply text-lg;
}

@screen md {
    h1 {
        @apply text-4xl;
    }

    h2 {
        @apply text-2xl;
    }

    h3 {
    @apply text-xl;
    }
}

@variants focus, hover, active, responsive {
    .rotate-minus-10 {
        transform: rotate(-10deg);
    }

    .rotate-10 {
        transform: rotate(10deg);
    }

    .rotate-minus-5 {
        transform: rotate(-5deg);
    }

    .rotate-5 {
        transform: rotate(5deg);
    }
}