index.css

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

@layer ccomponents {
  .form-input,
  .form-textarea,
  .form-multiselect,
  .form-select,
  .form-checkbox,
  .form-radio {
    @apply border bg-white text-sm text-slate-800 !important;
  }

  .form-input,
  .form-textarea,
  .form-multiselect,
  .form-select,
  .form-checkbox {
    @apply rounded !important;
  }

  .form-input,
  .form-textarea,
  .form-multiselect,
  .form-select {
    @apply focus:border-blue-300 border-slate-300 py-2 px-3 leading-5 shadow-sm hover:border-slate-300 !important;
  }

  .form-input,
  .form-textarea {
    @apply placeholder-slate-400;
  }
}

html,
body {
  margin: 0px;
  height: 100%;
  width: 100%;
  font-family: "Raleway", sans-serif;
}

#root {
  height: 100%;
  width: 100%;
}