* {
  padding: 0;
  margin: 0;
}

body {
  background-color: #eee;
}

#todo,
#done {
  padding: 15px 25px;
  background-color: #fafafa;
  border-radius: 10px;
}

/* #todo ul,
#done ul {
  margin: 0;
  padding: 0; /reset bootstrap auto left pad/
} */

#todo .taskBox,
#done .taskBox {
  padding: 15px;
  border: 2px solid #eee;
  border-radius: 10px;
  margin-top: 10px;
  position: relative;
}

#checkbox {
  /* outline: none; */
  width: 25px;
  height: 25px;
  cursor: pointer;
  /* transition-duration: 1s; */
}

input[type="checkbox"]:hover {
  border: 1px solid #b3eab3;
}

input[type="checkbox"]:checked {
  content: url("./assets/flaticon-checkbox.png");
  /* border: none; */
}

.taskBox:hover {
  background-color: #eee;
}

#addTaskBtn {
  padding-left: 20px;
}