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

@layer base {
    h1 {
        @apply text-4xl;
    }

    h2 {
        @apply text-3xl;
    }

    h3 {
        @apply text-2xl;
    }

    h4, h5, h6 {
        @apply text-base
    }

    ul {
        @apply ml-3;
    }

    .video-muted-button {
        @apply right-24 bottom-24 rounded-full border px-2 py-1;
    }

    /* fsc-classes */
    .fsc-header-format-jumbo-1 {
        @apply text-5xl text-blue;
    }
}

.space-before-class-default {
    @apply mt-12;
}

.space-before-class-l {
    @apply mt-24;
}