body {
  background-color: rgba(92, 173, 173, 0.3) !important;
  color: #878787;
  font-family: "Montserrat", sans-serif;
  /* font-family: "Fira Code", monospace; */
}

.container {
  background-color: #fff;
}

.container > form {
  /* max-width: 80%; */
  margin: auto;
}

#information,
#meals-available,
#meals-served,
#add-requests,
#summary {
  /* border: 2px solid pink; */
  /* background-color: #fff; */
  border-radius: 2px;
  padding: 40px;
}

.topHeader {
  font-family: "Montserrat", sans-serif;
  color: #5cadad;
}

.ribbon {
  font-family: "Montserrat", sans-serif;
  background-color: #5cadad;
  color: #fff;
  padding: 5px;
}

.ribbon > h3 {
  border: thin dashed lightgray;
  padding: 6px 0;
}

.available {
  color: #4a8a8a;
}

.served,
.red {
  color: #c56e72;
}

#meals-received,
#meals-prev-day,
#total-meals-available,
#total-first-meals-served,
#total-second-meals-served,
#total-meals-program-adults,
#total-meals-non-program-adults,
#total-meals-served,
#total-damaged-incomplete-other,
#total-leftover-meals,
#total-items,
#total-additional-requests,
#summary-total-meals-available,
#summary-total-items,
#difference {
  width: 100px;
}

.warning {
  font-size: 0.75rem;
  color: #f46d73;
}