/*
Color Scheme:
- Light tan BG: #FFE6C7
- Light brown: #B28E61
- Light blue: #BEE9FF
- lighter blue/green: #DAF3FF
- darker blue/grey: #739DB2


*/

body {
  background-color: #FFE6C7;
}

#header {
  background-color: #B28E61;
  border-bottom: solid 5px #BEE9FF;
  text-align: center;
  
  position: relative;
  top: 0px;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 20px;
  
  padding-top: 10px;
}

#footer {
  background-color: #B28E61;
  border-top: solid 5px #BEE9FF;
  text-align: center;
  
  position: absolute;
  bottom: 0px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0px;
  
  padding-top: 10px;
}

.section {
  position: relative;
  height: 100%;
  width: 80%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.section div {
  width: 90%;
  margin: auto;
  margin-top: 20px;
  background-color: #DAF3FF;
  border-radius: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.section h2 {
  padding: 5px;
  margin-left: -20px;
  margin-right: -20px;
  background-color: #B28E61;
  text-align: center;
}

.todoItem {
  list-style-type: none;
}