@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@8..144,100..1000&display=swap');

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

[x-cloak] { display: none !important; }

p {
    @apply mb-4 text-base md:leading-[1.65rem];

    a {
        @apply underline text-[#70ad47];
    }

    &:last-child {
        @apply mb-0;
    }
}

ul,
ol {
    @apply list-outside mb-6 text-base;

    &:last-child {
        @apply mb-0;
    }
}

ul {
    @apply list-disc pl-6 leading-6;

    li {
        @apply mb-3;

        &::marker {
            @apply text-slate-400;
        }
    }

}

ol {
    @apply list-decimal pl-5;

    li {
        @apply mb-4;
    }
}

strong {
    @apply font-medium;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #000 !important;
    transition: background-color 9999s ease-in-out 0s;
}