body{margin:0;padding:0;font-family:sans-serif;background:#f9f9f9}.todo-list-template{background:#fff;width:512px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);margin:0 auto;margin-top:4rem}.title{padding:2rem;font-size:2.5rem;text-align:center;font-weight:100;background:#22b8cf;color:#fff}.form-wrapper{padding:1rem;border-bottom:1px solid #22b8cf}.palette-wrapper{padding:1rem;background:#f1f3f5}.todos-wrapper{min-height:5rem}.form{display:-ms-flexbox;display:flex}.form input{-ms-flex:1 1;flex:1 1;font-size:1.25rem;outline:none;border:none;border-bottom:1px solid #c5f6fa}.create-button{padding:.5rem 1rem;margin-left:1rem;background:#22b8cf;border-radius:3px;color:#fff;font-weight:600;cursor:pointer}.create-button:hover{background:#3bc9db}.todo-item{padding:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .15s;-o-transition:all .15s;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.todo-item:hover{background:#e3fafc}.todo-item:hover .remove{opacity:1}.todo-item+.todo-item{border-top:1px solid #f1f3f5}.remove{margin-right:1rem;color:#e64980;font-weight:600;opacity:0}.todo-text{-ms-flex:1 1;flex:1 1;word-break:break-all}.checked{text-decoration:line-through;color:#adb5bd}.check-mark{font-size:1.5rem;line-height:1rem;margin-left:1rem;color:#3bc9db;font-weight:800}.palette{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.color{width:2rem;height:2rem;opacity:.5;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;cursor:pointer}.color:hover{opacity:.75}.color.active,.color:active{opacity:1}.color+.color{margin-left:1rem}
/*# sourceMappingURL=main.1c16ec5e.css.map*/