.todo-header div{width:100%;text-align:center;font-size:100px;font-weight:100;color:rgba(175,47,47,.15)}.todoapp{min-width:230px;max-width:530px;margin:20px auto 40px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.todo-input,.todoapp{position:relative}.todo-input .toggle-all{width:20px;position:absolute;top:0;bottom:0;left:8px;margin:auto 0}.new-todo{padding:12px 12px 12px 40px;box-sizing:border-box;font-size:24px;border:none;outline:none;font-style:italic;width:100%}.new-todo::-moz-placeholder{color:#bfbfbf;opacity:.5}.new-todo:-ms-input-placeholder{color:#bfbfbf;opacity:.5}.new-todo::placeholder{color:#bfbfbf;opacity:.5}.todo-list-container{border-top:1px solid #e6e6e6}.todo-list{margin:0;padding:0;list-style:none}.todo-list li{font-size:24px;border-bottom:1px solid #ededed;line-height:1.2;position:relative}.todo-list li .toggle{position:absolute;top:0;bottom:0;left:8px;margin:auto 0;width:20px}.todo-list li .view label{display:block;padding:15px 12px 15px 40px}.todo-list li.completed label{color:#d9d9d9;text-decoration:line-through}.todo-list li .delete{position:absolute;top:0;right:12px;bottom:0;padding:0;margin:0;border:0;background:none;font-family:inherit;font-size:30px;font-weight:100;width:40px;color:#cc9a9a;transition:all .2s ease-out;display:none;cursor:pointer}.todo-list li:hover .delete{display:block}.todo-list li .delete:after{content:"x"}.todo-list li .edit{width:100%;font-size:24px;border:none;box-sizing:border-box;padding:15px 12px 15px 40px;line-height:1.2;display:none}.todo-list li.editing .view{display:none}.todo-list li.editing .edit{display:block}.footer{padding:10px 15px;border-top:1px solid #e6e6e6;text-align:center;height:20px;color:#bfbfbf}.todo-count{float:left;text-align:left}.clear-completed{float:right;cursor:pointer;line-height:20px;border:0;background:none;position:relative;color:#bfbfbf}.clear-completed:hover{text-decoration:underline}.filters{margin:0;padding:0;list-style:none;position:absolute;left:0;right:0}.filters li{display:inline}.filters li a{color:inherit;margin:3px;padding:3px 7px;text-decoration:none;border:1px solid transparent;border-radius:3px}.filters li a:hover{border:1px solid rgba(175,47,47,.1)}.filters li a.selected{border:1px solid rgba(175,47,47,.2)}.footer-note{margin-top:90px;color:#bfbfbf;font-size:16px;opacity:.8}.footer-note p{width:100%;text-align:center}@media screen and (max-width:430px){.footer{height:50px}.filters{bottom:10px}}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}