style.css

@import url(https://fonts.googleapis.com/css?family=Work+Sans:300,600);

body{
  font-family: 'Work Sans', sans-serif;
}

h1{
  font-size: 40px;
}

ul li{
  font-size: 14px;
  list-style: none;
  padding-top:5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right:0px;
  margin-left:0px;
  margin-righ#t:0px;
  text-align:left;
}

ul li.completedtrue{
  background-color: grey
}

ul li.completedfalse{
  background-color: lightgrey;
}

ul li.completedfalse:hover{
  background-color: #E8E8E8;
}

ul li.completedtrue:hover{
  background-color: #A0A0A0;
}

ul{
  padding-left: 0px;
  padding-top: 0px;
}

#todolist{
  text-align:  center;
  width: 400px;
  margin: auto 0;
  display: inline-block;
}

#ordertype{
  font-family: 'Work Sans', sans-serif;
}

body{
  text-align: center;
  width: 100%;
}

.delete{
  margin: 0px;
  background-color: red;
  width:20px;
  height:25px;
  display:inline-block;
  float:right;
}

.move{
  margin-right: 10px;
  background-color: orchid;
  width:20px;
  height:25px;
  display:inline-block;
  float:left;
}

.move:hover{
  background-color: plum;
}

.delete:hover{
  background-color: tomato;
}