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;
}

#addSection {
  padding-top: 1em;
  padding-bottom: 1em;
}

#listSection {
  padding-top: 1em;
  padding-bottom: 1em;
}

#codeSection {
  padding-top: 1em;
  padding-bottom: 1em;
}

#addSection div {
  display: grid;
  grid-template-columns: 65% 15% 12% 8%;
  padding: 0.2em;
}

#listSection div {
  display: grid;
  grid-template-columns: 65% 15% 12% 8%;
  padding: 0.2em;
}

#codeArea {
  padding: 2em;
}

.rowHeader {
  font-weight: bold;
}

#codeSection p {
  font-weight: bold;
}