#new-task,
#bulk-complete {
  border: 1px solid var(--line-color);
  border-radius: 100vh;
  padding: 0.5em 1em;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1em;
  margin-bottom: 1em;

  button {
    padding: 0.2em 1em;
  }

  .error {
    width: 100%;
  }
}

#regex {
  font-family: monospace;
}

.table {
  display: grid;
  grid-template-columns: auto repeat(3, max-content);
  gap: 0.5rem;
  align-items: center;

  h1 {
    margin-top: 1rem;
    grid-column: 1 / -1;
    font-weight: bold;
  }

  .th {
    font-size: x-small;
    font-weight: bold;
    font-variant-caps: small-caps;
  }

  .th.span {
    grid-column: 3 / -1;
  }
}