@tailwind base;

html {
  @apply bg-white;
  font-family: sans-serif;
}

@tailwind components;
@tailwind utilities;

h1 {
    @apply text-lg font-bold;
}

h2 {
    @apply font-bold;
}

fieldset {
    @apply rounded-md m-2 p-2 font-normal text-sky-700;
    @apply outline outline-blue-500/10 hover:outline-blue-500/30
}

legend {
    @apply p-1;
    font-variant: small-caps;
}

label {
    @apply p-2 m-1;
}

input {
    @apply m-1;
}

div.content {
    @apply py-1 px-2 my-1;
}

div.section {
    @apply py-1 my-1;
    @apply border-t-2 border-sky-300;
}

.btn {
    @apply font-bold py-1 px-2 my-1 rounded;
    @apply bg-sky-500 hover:bg-sky-600 text-white;
}

.textinput {
    @apply rounded-md border border-2 border-zinc-200 px-1 py-1 text-sm font-normal text-sky-700 outline outline-0 focus:border-2 focus:border-zinc-500 focus:outline-0 disabled:border-0 disabled:bg-zinc-50;
}