.budget__tables {
  overflow: scroll;
  background-color: white;
  padding: 24px;
}

table {
  border-collapse: collapse;
  white-space: nowrap;
}

td, th {
  border: 1px solid var(--black-olive);
  padding: 4px;
}

thead {
  font-weight: bold;
}

.bold {
  font-weight: bold;
}

.red {
  color: var(--tilted-red);
}

.budget__budget td:first-of-type {
  font-weight: bold;
}

.budget__budget td:not(:first-of-type) {
  text-align: right;
}