@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--gray: #333;--green: #4bae4f;--light-gray: #edeef0;--dark-gray: #bbb9bb}body{font-family:Poppins,sans-serif}.container{background:var(--gray);min-height:100vh;width:100%;padding:10px}.todo-list{background:#fff;max-width:540px;margin:100px auto 20px;padding:40px 30px;border-radius:10px}.todo-list .title{display:flex;align-items:center;margin-bottom:10px}.todo-list .title img{width:40px;margin-left:10px}.form-control{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.form input{padding:15px;background:var(--light-gray);font-size:14px;border-radius:5px;border:none;width:80%;outline:none}@media(max-width:767px){.form input{margin-right:10px}}.form .btn-add{padding:12px 30px;border:none;border-radius:5px;font-weight:700;background:var(--green);color:#fff;cursor:pointer;transition:all .4s ease}.form .btn-add:hover{background:var(--gray)}.list-items .list-item{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.list-items .list-item .custom-checkbox{margin-right:35px;position:relative}.list-items .list-item .custom-checkbox .checkmark,.list-items .list-item .custom-checkbox svg{position:absolute;top:0;left:0;border-radius:50%;height:20px;width:20px;cursor:pointer}.list-items .list-item .custom-checkbox .checkmark{border:1px solid var(--gray)}.list-items .list-item .custom-checkbox svg{background:var(--green);padding:3px;color:#fff}.list-items .list-item .custom-checkbox input{position:absolute;opacity:0;top:0;left:0;margin-right:10px}.list-items .list-item .description.selected{color:var(--dark-gray);text-decoration:line-through}.list-items .list-item .btn-close{cursor:pointer;border:none;color:var(--dark-gray);font-size:24px;background:transparent;transition:.4s ease}.list-items .list-item .btn-close:hover{color:var(--gray)}