@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#faf9fe;background:linear-gradient(90deg,#faf9fe,#d0c2e8);height:100vh;display:flex;justify-content:center}.container{width:600px;margin:auto;background-color:#fff;border-radius:30px;padding-bottom:2em;margin-top:4rem}header{background-color:#3b3b71;color:#faf9fe;border-radius:30px 30px 0 0;width:100%;padding:1.5rem 3rem}.header-title{display:flex;align-items:center}.title-small{color:#faf9fe;margin:5px 0 0;text-transform:none;font-weight:400;opacity:.8}form{margin:2rem 3rem;max-width:100%;display:flex;align-items:center}input{border:1px solid #E6E9ED;background-color:#f5f8fa;padding:8px 12px;border-radius:5px;margin-right:5px;font-family:inherit;width:100%}input:focus{outline:none}select{border:1px solid #E6E9ED;background-color:#f5f8fa;padding:8px 12px;border-radius:5px;margin-right:15px;font-family:inherit}.todo-list{margin:1rem 4rem}ul{list-style:none;display:flex;flex-direction:column;gap:20px}.todo-item{display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:1.25em;color:#3b3b71}.todo-item-content{display:flex;align-items:center}.todo-item-content :nth-child(2){max-width:70%}.todo-item input{margin-right:10px}.todo-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.category-label{font-size:12px;padding:1px 6px;border-radius:3px;margin-left:10px}.category-label.private{background-color:#ffe2dd;color:#5d1715}.category-label.work{background:#d3e5ef;color:#183347}i{color:#c3c3c3;font-size:16px}i:hover{color:#3b3b71;cursor:pointer}.fas.fa-pen.editing{color:#3b3b71}.todo-item-actions{display:flex;align-items:center;gap:20px}.rounded-checkbox{width:22px;height:22px;border-radius:50%;vertical-align:middle;border:1px solid #3B3B71;background-color:#ffffff opacity .5;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;background:no-repeat center}.rounded-checkbox:checked{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='14px' height='10px' viewBox='0 0 14 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 59.1 (86144) - https://sketch.com --%3E%3Ctitle%3Echeck%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ios_modification' transform='translate(-27.000000, -191.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='Group-Copy' transform='translate(0.000000, 164.000000)'%3E%3Cg id='ic-check-18px' transform='translate(25.000000, 23.000000)'%3E%3Cpolygon id='check' points='6.61 11.89 3.5 8.78 2.44 9.84 6.61 14 15.56 5.05 14.5 4'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:13px 9px;background-color:#3b3b71}.edit-input{width:auto}:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:Merriweather,serif;font-size:2em;line-height:1.1;font-weight:900}h2{font-size:1em;font-weight:500;text-transform:uppercase;color:#3b3b71}h2 span{opacity:.6;font-size:14px}h3{font-size:2em;margin-right:20px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}button{border-radius:5px;border:1.5px solid #7C81EF;padding:7px 12px;font-weight:500;font-family:inherit;background-color:#7c81ef;color:#faf9fe;cursor:pointer;transition:border-color .25s;width:30%}button:hover{background-color:#faf9fe;color:#7c81ef}hr{border:1px solid #EAEBEE;margin:0 2rem}