@font-face {
    font-family: 'Digital 7';
    src: url('/assets/digital-7.ttf') format('truetype');
}

* {
      box-sizing: border-box;
  }
    body {
      font-family: system-ui, sans-serif;
      background: #f9fafb;
      padding: 20px;
    }
    h1 {
      text-align: center;
    }
    table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 20px;
    }
    th, td {
      border: 1px solid #ccc;
      text-align: center;
      vertical-align: middle;
      word-wrap: break-word;
    }
    th {
      background-color: #006d77;
      color: white;
    }
    tr:nth-child(even) {
      background-color: #f0f0f0;
    }
    .merged {
      background-color: #83c5be;
      color: #000;
      font-weight: 500;
    }
    .bunch-of-cards {
      display: flex;
      flex-wrap: nowrap;  /* stay in one row */
      gap: 4px;           /* spacing between cards */
      width: 100%;
        height: 100%;        /* fill the entire td */

    }

    .bunch-of-cards span {
      flex: 1 1 0;        /* share available space equally */
      min-width: 0;       /* allow shrinking below content width */
      padding: 6px 10px;
      word-break: break-word;  /* wrap long text */
    }


    button {
        background-color: #00000010;
        border: 1px black solid;
        border-radius: 5px;
        font-size: 2ch;
    }
#clock {
    font-family: 'Digital 7', monospace;
    font-size: 5rem;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 25px;
    background-color: #2f2f2f;
}