html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}#root,body{min-height:100vh}body{margin:0}#root,.todo-list-app{display:flex;flex-flow:column nowrap}#root{align-items:center;width:100%}.todo-list-app{padding-top:32px;width:100%;max-width:480px}.todo-form input,.todo-item{border:1px solid #ececec}.todo-form input{padding:0 14px;width:100%;height:48px;-webkit-transition:border .25s ease-in-out;transition:border .25s ease-in-out}.todo-form input:focus{outline:0;border:1px solid #3498db}.todo-list ul{padding:0;margin:0}.todo-list li{list-style-type:none}.todo-item{display:flex;flex-flow:row nowrap;align-items:center;padding:8px}.todo-form+.todo-list ul .todo-item{border-top:0}.todo-item-input-wrapper{flex-grow:1;padding:0 16px}.todo-item input{width:100%;border:0;border-bottom:1px solid transparent;-webkit-transition:border-bottom .25s ease-in-out;transition:border-bottom .25s ease-in-out}.todo-item input:focus{outline:0;border-bottom:1px solid #3498db}.todo-item .todo-input-error{border-bottom:1px solid #e74c3c}.todo-item span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #ececec;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.todo-item-unchecked:hover{background:rgba(26,189,156,.25);border:1px solid rgba(26,189,156,.25)}.todo-item-checked{color:#fff;background:#1abc9c;border:1px solid #1abc9c}.item-remove{display:flex;padding-left:8px;padding-right:8px;font-size:28px;cursor:pointer;line-height:1;color:#ececec;-webkit-transition:color .25s ease-in-out;transition:color .25s ease-in-out}.item-remove:hover{color:#111}#title{text-align:center;margin-top:24px;font-size:80px;color:#d3503d}
/*# sourceMappingURL=main.b0fa5bce.css.map */