a {
  @apply underline transition duration-100;
}
a:hover {
  @apply text-gray-500 transition duration-100;
}

table, td, th {
  @apply border-gray-800;
}

label {
  @apply text-gray-500 text-sm mb-2;
}

input {
  @apply bg-gray-800 border border-black p-1;
}
input:focus {
  @apply outline-none border border-gray-700;
}

button, [type="button"], [type="reset"], [type="submit"] {
  @apply py-1 px-2 cursor-pointer transition duration-100 text-display;
}
button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover {
  @apply bg-gray-700 transition duration-100;
}

button:focus, [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus {
  @apply shadow outline-none;
}

select {
  @apply bg-gray-800 border border-black p-1;
}
select:focus {
  @apply outline-none border border-gray-700;
}

textarea {
  @apply bg-gray-800 border border-black p-1;
}
textarea:focus {
  @apply outline-none border border-gray-700;
}