.commitContainer {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
}

.commitCard {
  display: flex;
  gap: 10px;
  flex-direction: row;
  padding: 3px;
  background-color: var(--card-raised);
  border-width: 3px;
  border-style: outset;
  border-color: var(--card-border);
  width: fit-content;
}

.boxedUp {
  border-width: 2px;
  border-style: inset;
  border-color: black;
  padding-left: 2px;
  padding-right: 2px;
}

.additions {
  background-color: var(--success);
}

.deletions {
  background-color: var(--error);
}

.field {
  background-color: var(--card-field);
}
