a {
  @apply underline text-blue-800;
}
a:hover {
  @apply text-blue-500;
}

p {
  margin-top: 1rem;
}

label {
  @apply mt-2;
  display: block;
}

input {
  @apply border border-black p-1;
}
input:focus {
  @apply outline-none border;
}

button, [type="button"], [type="reset"], [type="submit"] {
  @apply py-1 px-2 cursor-pointer;
}
button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover {
  @apply bg-gray-300;
}

button:focus, [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus {
}

select {
  @apply border border-black p-1;
}
select:focus {
  @apply border-gray-700;
}

textarea {
  @apply border border-black p-1;
}
textarea:focus {
  @apply border-gray-700;
}