html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility}.todo-app{border:2px solid silver;margin:0 auto;max-width:550px}ul{padding:0}li{list-style:none}input{font-family:Caveat,Helvetica,Arial,sans-serif}button,input{background-color:#fff;border:1px solid #fff;border-radius:.25rem;margin:.25rem;padding:.25rem 1rem}input:focus{border-color:#000}.input-box{font-size:1.3rem;width:100%}.new-item{display:flex;flex-direction:row nowrap}li{display:flex;flex-flow:row nowrap}li .input-box{width:100%}li.done .input-box{color:grey;text-decoration:line-through}.filter button:hover{border-color:#db7093}.filter button.selected{border-color:maroon}.toolbar{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between}.toolbar .clear-completed button,.toolbar .counter{font-size:.8rem;margin:.25rem;padding:.25rem 1rem;white-space:nowrap}.toolbar .clear-completed button:hover{cursor:pointer;text-decoration:underline}.toolbar .filter{display:flex;flex-flow:row nowrap;justify-content:center;width:100%}