body{margin:0;padding:0;font-family:sans-serif;background:#f9f9f9}.todo-list-template{background:#fff;width:512px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);margin:4rem auto 0}.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}.todos-wrapper{min-height:5rem}.form{display:flex}.form input{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:flex;align-items:center;cursor:pointer;-webkit-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{flex:1 1;word-break:break-all}.checked{text-decoration:line-through;opacity:.2}.check-mark{font-size:1.5rem;line-height:1rem;margin-left:1rem;color:#3bc9db;font-weight:800}.color{width:2rem;height:2rem;opacity:.5;-webkit-transition:all .2s;transition:all .2s;cursor:pointer}.color:not(:first-child){margin-left:1rem}.color:hover{opacity:.75}.color.active{opacity:1}.palette-wrapper{padding:1rem;background:#f1f3f5}.palette-wrapper .palette{display:flex;justify-content:center}
/*# sourceMappingURL=main.6183967d.chunk.css.map */