body {
  background-color: #fcf8ee;
}

.c-navbar {
  background-color: #fffddb;
  border-bottom: 1px solid;
}

.dark-mode .c-navbar, .dark-mode .table {
  background-color: #292929;
  color: white;
}

#c-block-content, .c-footer-text {
  margin-left: 20px;
  margin-right: 20px;
}

.pad-right {
  padding-right: 20px;
}

.dark-mode {
  background-color: #3d3d3d;
  color: white;
}

#alerts {
  margin-left: 10px;
  margin-right: 10px;
}

.dark-mode .accordion-button {
  background-color: #292929;
  color: white;
  border-color: blue;
}

.dark-mode .accordion-body {
  background-color: #3d3d3d;
  color: white;
}

.dark-mode .tab {
  color: #c8c8c8;
}

.dark-mode .active-dark {
  background-color: #292929;
  border-color: grey;
}

.monospace {
  font-family: monospace;
}

.meal-ingredient-list {
  border-style: solid;
  padding: 15px;
}

.meal-ingredient-list-dark {
  border-style: solid;
  border-color: grey;
  padding: 15px;
}