table {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    table-layout: fixed;
    width: 666px;
    /* width: 100vw; */
  }
  tbody {
    width: 100%;
  }

  th, td {
    padding: 0.25em;
    text-align: left;
  }
  
  th{
    font-weight: bold;
    
  }
  th[role=columnheader]:not(.no-sort) {
      cursor: pointer;
  }
  
  th[role=columnheader]:not(.no-sort):after {
      content: '';
      float: right;
      margin-top: 7px;
    margin-left: 5px;
      border-width: 0 4px 4px;
      border-style: solid;
      border-color: black transparent;
      visibility: hidden;
      opacity: 0;
      -ms-user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
  }
  
  th[aria-sort=ascending]:not(.no-sort):after {
      border-bottom: none;
      border-width: 4px 4px 0;
  }
  
  th[aria-sort]:not(.no-sort):after {
      visibility: visible;
      opacity: 0.4;
  }
  
  th[role=columnheader]:not(.no-sort):hover:after {
      visibility: visible;
      opacity: 1;
  }

  tr { 
  border: solid;
  border-width: 1px 0;
  background-color: #fbfbfb;
}
/* tr:first-child {
  border-top: none;
}
   */
  .table-container {
    /* max-width: 100%; */
    overflow-x: auto;
    margin: auto;
    /* width: 100vw; */
  }

  button {
    cursor: pointer;
    background: #e8dcb899;
  }

  button:active {
    background: #fbfbfb;
  }

  .start-button {
    background: #fbe19bff;
  }