article, aside, footer, header, main, nav, section {
  display: block;
}

html, body, header, nav, main, section, footer, h1, p, label, input, datalist {
  padding: 0;
  margin: 0;
}

body {
  background-color: #B3DF9D;
  font-family: Arial;
  color: #284918;
}

header {
  background-color: #89CE68;
}

header p {
  padding: 0.2em;
}

ul {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  display: inline;
}

a {
  color: #284918;
}

footer {
  background-color: #89CE68;
}

footer p {
  padding: 0.2em;
}

main p {
  padding: 0.2em;
}

nav div {
  padding: 0.2em;
}

#searchSection div {
  display: grid;
  grid-template-columns: 270 px;
  padding: 0.2em;
}

#foodHeader div {
  display: grid;
  grid-template-columns: 55% 10% 10% 10% 5% 10%;
  font-weight: bold;
  padding: 0.2em;
}

#foodRows div {
  display: grid;
  grid-template-columns: 55% 10% 10% 10% 5% 10%;
  padding: 0.2em;
}

#totalRow div {
  display: grid;
  grid-template-columns: 55% 10% 10% 10% 5% 10%;
  font-weight: bold;
  padding: 0.2em;
}

#messageField {
  padding: 0.2em;
}