@tailwind base;
@tailwind components;
@tailwind utilities;
[x-cloak] {
    display: none !important;
}
@keyframes example {
    from {
        transform: translateY(6rem);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 100%;
    }
}
#callout.animate {
    opacity: 0%;
    animation-name: example;
    animation-duration: 750ms;
    animation-delay: 200ms;
    animation-fill-mode: forwards;
}

#hero p {
    opacity: 0%;
    animation-name: example;
    animation-duration: 750ms;
    animation-delay: 200ms;
    animation-fill-mode: forwards;
}

#hero h1 {
    opacity: 0%;
    animation-name: example;
    animation-delay: 250ms;
    animation-duration: 750ms;
    animation-fill-mode: forwards;
}
#gform_fields_1 {
    @apply p-6 pb-4;
}
#gform_fields_1 label {
    @apply hidden;
}
#gform_fields_1 input, #gform_fields_1 textarea {
    @apply p-2 rounded-md;
}
#gform_submit_button_1 {
    @apply p-2 border border-white w-1/2 mb-6 cursor-pointer transition-all duration-300 hover:bg-white hover:text-theme-teal rounded-md text-white font-bold;
}
#gform_wrapper_1 .gform_footer {
    @apply p-0 mt-0 px-6;
}