cooked/templates/styles.css

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

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

.section-separator {
    @apply border-0 border-b-2;
}

.text-desktop-small-bold {
    @apply text-xs not-italic font-medium;
}

.text-desktop-small {
    @apply text-xs not-italic font-normal;
}

.text-desktop-heading-xl {
    @apply text-4xl not-italic font-medium;
}
.text-desktop-heading-l {
    @apply text-3xl not-italic font-medium;
    font-size: 32px;
}

.text-desktop-heading-m {
    @apply text-2xl not-italic font-medium;
}

.text-mobile-small-strong {
    @apply text-sm not-italic font-medium;
}

.text-mobile-heading-l {
    @apply text-2xl not-italic font-medium;
}

.text-mobile-heading-xxl {
    @apply text-5xl not-italic font-medium;
}

blockquote {
    @apply p-4 my-4 border-s-4 border-gray-300 bg-gray-200 text-xl italic font-medium leading-relaxed text-gray-900 border-0 rounded-lg flex flex-col gap-4;
}

code {
    @apply bg-gray-400 text-white py-1 px-2 border-0 rounded-full;
}

.content ul {
    @apply list-inside list-decimal;
}

.textarea-with-view {
    @apply min-h-40 input border border-solid border-gray-200 rounded-lg w-1/2;
}
.textarea-without-view {
    @apply min-h-40 input border border-solid border-gray-200 rounded-lg w-full;
}