body {
  /* background-color: #f4f4f4; */
  background-color: whitesmoke;
  margin-top: 30px;
  font-family: 'Roboto';
  display: flex;
  flex-flow: column;
}

.item {
  background-color: white;
  padding: 15px;
  margin-bottom: 15px;
  border: transparent;
  border-radius: 5px;
  box-shadow: 0 0 1em #ccc;
  transition: all .2s ease-in-out;
}

.item:hover {
  box-shadow: 0 0 1em #aaa;
}

.item.completed {
  text-decoration: line-through;
}

.toggles {
  color: black;
}

.name {
  padding-top: 3px;
}

.remove {
  padding-left: 0;
}

button:focus {
  border: 1px solid #333;
}


#sticky-footer {
  flex-shrink: none;
}