@import url('https://fonts.googleapis.com/css?family=Muli');*{box-sizing:border-box}body{width:90%;padding:70px 30px 0px 30px;margin:0 auto;background-color:#333;font-family:'Muli'}ul{margin:0;padding:0}ul li{cursor:pointer;position:relative;padding:12px 8px 12px 40px;background:#eee;font-size:18px;transition:.2s;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}span{text-transform:capitalize}ul li:nth-child(odd){background:#f9f9f9}ul li:hover{background:#ddd}ul li.checked{background:#888;color:#fff;text-decoration:line-through}ul li.checked::before{content:'';position:absolute;border-color:#fff;border-style:solid;border-width:0 2px 2px 0;top:10px;left:16px;transform:rotate(45deg);height:15px;width:7px}.close{position:absolute;right:0;top:0;padding:12px 16px 12px 16px}.close:hover{background-color:#f44336;color:white}.header{background-color:#f44336;padding:30px 40px;color:white;text-align:center}.header:after{content:"";display:table;clear:both}input{border:0;width:75%;padding:10px;float:left;font-size:16px;text-transform:capitalize}.addBtn{padding:10px;width:25%;background:#d9d9d9;color:#555;float:left;text-align:center;font-size:16px;cursor:pointer;transition:.3s}.addBtn:hover{background-color:#bbb}