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

form label {
  @apply dark:text-slate-400;
}

form input,
select,
textarea {
  @apply dark:border dark:border-slate-900 dark:bg-slate-500 dark:text-slate-100;
}

#session-table {
  display: grid;
  grid-template-columns: 3fr repeat(3, 1fr) 0.5fr 1fr;
}

.purchase-name:hover > span:nth-child(2) {
  @apply dark:text-slate-300
}

#button-container button {
  @apply mx-1;
}

th {
  @apply text-left;
}

th label {
  @apply mr-4;
}