body{font-family:sans-serif;background:#f5f5f5;margin:0;padding:2rem;display:flex;justify-content:center}.app{width:500px}.title{font-size:100px;text-align:center;color:#af2f2f33;font-weight:100}.todo-container{background:#fff;box-shadow:0 2px 4px #0003}.new-todo{width:100%;padding:1rem;border:none;font-size:1.2rem;outline:none;box-sizing:border-box}.todo-list{list-style:none;margin:0;padding:0}.todo-item{border-top:1px solid #eee;padding:1rem;font-size:1.2rem;display:flex;align-items:center}.todo-item label{display:"flex";align-items:"center";cursor:"pointer"}.completed{text-decoration:line-through;color:#aaa}.footer{display:flex;justify-content:space-between;align-items:center;padding:.8rem;border-top:1px solid #eee;font-size:.9rem}.filters button{margin:0 .2rem;border:1px solid transparent;background:none;cursor:pointer}.filters .selected{border:1px solid #ddd;border-radius:3px;padding:0 4px}.round-checkbox{display:inline-block;position:relative;width:20px;height:20px;margin-right:10px;cursor:pointer}.round-checkbox input{opacity:0;width:0;height:0}.round-checkbox .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;border:1px solid #333;border-radius:50%}.round-checkbox input:checked+.checkmark{border:1px solid rgb(130,212,130)}.round-checkbox input:checked+.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:12px;border:solid rgb(130,212,130);border-width:0 2px 2px 0;transform:rotate(45deg)}