.nice-looking-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 2rem;

  caption {
    caption-side: top;
    text-align: left;
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }

  th,
  td {
    border: 1px solid #4c4c4c;
    padding: 8px;
  }

  th {
    background-color: var(--color-table-header);
    color: var(--color-text-primary);
    text-align: left;
  }

  tbody tr:nth-child(even) {
    background-color: var(--color-bg-stiped);
  }

  tbody tr:hover {
    background-color: var(--color-highlight);
  }
}