#container {
  display: flex;
}

#center {
  display: flex;
  flex-direction: column;
  order: 1;
  flex-grow: 3;
  align-items: center;
}

#items {
  display: flex;
  width: 100%;
}

#left {
  order: 0;
  flex-grow: 2;
}

#right {
  order: 2;
  flex-grow: 2;
}

/* This will add a strike through through the text of the items in the todo list */
.strike .text {
  text-decoration: line-through;
  color: wheat;
}

a {
  text-decoration: none;
  color: unset;
}

#items ul {
  list-style-type: none;
  width: 100%;
  /* justify-content: left; */
  padding: 1em;
}

#items ul li {
  background-color: rgb(231, 152, 231);
  margin-top: 0.2em;
  display: flex;
  justify-content: space-between;
}

#items ul li:nth-child(odd) {
  background-color: orange;
}

#items ul li:hover {
  background-color: rgb(67, 14, 167);
  color: white;
}

.strike {
  background-color: tomato !important;
}