.table-sticky {
  table {
    width: 100%;
    font-family: sans-serif;

    thead tr th {
      --tw-bg-opacity: 1;
      position: sticky;
      top: 0;
      background-color: rgb(219 234 254/var(--tw-bg-opacity));
      padding: 0 1rem;
    }

    tr:hover {
      background-color: rgb(214, 214, 214)
    }

    td,
    th {
      text-align: center;
      border: solid 1px rgb(209, 209, 209);
    }
  }
}
