body{background:#f5f5f5;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:23px;min-width:230px;max-width:450px;margin:0 auto;padding:0}h1{font-size:80px;font-weight:100;text-align:center;color:#e8d3d3;margin:50px 0 40px}.todo-container{background:#fff;box-shadow:0 2px 4px #bebebe,0 25px 50px #eaeaea;padding:0;border-radius:4px}.input-area{padding:5px 25px;border-bottom:1px solid #ededed;display:flex;align-items:center}.input-area input{font-size:18px;padding:10px;border:none;outline:none}.input-area input::placeholder{color:#e2e2e2;font-style:italic}ul.todo-list{list-style:none;margin:0;padding:0}ul.todo-list li{font-size:18px;padding:15px 20px;display:flex;justify-content:space-between}ul.todo-list li span{margin-right:10px;cursor:pointer}ul.todo-list li button{background:none;border:none;font-size:18px;cursor:pointer;color:#fff}ul.todo-list li:hover button{color:#cc9a9a}.footer{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;font-size:14px;color:#797979;background:#f9f9f9;border-top:1px solid #e6e6e6}.filters button{margin:0 4px;padding:3px 7px;border:1px solid transparent;background:none;color:#797979;cursor:pointer}.filters button:hover{border-color:#f5e2e2}.filters button:focus{border-color:#f5e2e2}.clearCompleted button{color:#797979;margin:0 4px;padding:3px 7px;border:1px solid transparent;background:none}.clearCompleted button:hover{text-decoration:underline}