body{
  background-color: lightgoldenrodyellow;
}

#Heading{
  text-align: center;
  color: skyblue;
  font-size: 4em;
  font-family: Roboto;
}

#taskListInput{
  width: 350px;
  height: 45px;
  border-radius: 5px;
  font-size: 25px;
  color: blanchedalmond;
  background-color: mediumpurple;
}

#addBtn{
  font-size: 2em;
  border-radius: 5px;
  background-color: mediumvioletred;
  color: antiquewhite;
}

#toDoDiv{
  display: block;
  width: 400px;
  height: 800px;
  background-color: dodgerblue;
  margin-left: 35px;
  margin-top: 100px;
  border: 3px solid cadetblue;
  border-radius: 35px;
}

.inputClass{
  margin: 10px;
  width:270px;
  height: 20px;
  background-color: cadetblue;
  color: white;
}

.resetTask{
 background-color: mediumvioletred;
 color: blanchedalmond;
 border-radius: 5px;
}