/**
 * START --- TAILWIND GENERATOR EDIT
 *
 * `yarn rw generate util tailwind` placed these imports here
 * to inject Tailwind's styles into your CSS.
 * For more information, see: https://tailwindcss.com/docs/installation#add-tailwind-to-your-css
 */
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;1,700&display=swap')
/**
 * END --- TAILWIND GENERATOR EDIT
 */

.markdown-overrides h4 {
  @apply text-lg font-bold;
}
.markdown-overrides h3 {
  @apply text-xl;
}
.markdown-overrides h2 {
  @apply text-2xl;
}
.markdown-overrides h1 {
  @apply text-3xl;
}
.markdown-overrides ol {
  @apply list-decimal;
}
.markdown-overrides ul {
  @apply list-disc;
}

body {
  /* TODO can I use a tailwind class here? */
  background-color: #E5E5E5;
}

button, input, label, textarea {
  display: block;
  outline: none;
}

label {
  margin-top: 1rem;
}

.error {
  color: red;
}

input.error, textarea.error {
  border: 1px solid red;
}