*{box-sizing:border-box;margin:0;padding:0;list-style:none}.container{height:100vh;background-image:url(/assets/bg-desktop-light-BIdKokTn.jpg);background-repeat:no-repeat;background-color:#e4e5f1}.container-dark{background-color:#161722;height:100vh;background-image:url(/assets/bg-desktop-dark-DzAvO98h.jpg);background-repeat:no-repeat;color:}.form{width:50%;margin:auto;padding:10% 4% 1%}.todo{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}h1{color:#fafafa;letter-spacing:10px;font-size:45px}.input-box{display:flex;align-items:center;width:100%;background-color:#fafafa;padding:15px 20px;gap:16px;border-radius:4px}.input-box-dark{display:flex;align-items:center;width:100%;padding:15px 20px;gap:16px;border-radius:4px;background-color:#25273c}.input-light{width:100%;background-color:transparent;height:100%;border:none;outline:none;font-size:18px;color:#484b6a}.input-dark{width:100%;background-color:transparent;height:100%;border:none;outline:none;font-size:18px;color:#cacde8}::placeholder{color:#d2d3db;font-size:18px}.circle{width:20px;height:20px;border-radius:50%;border:1.5px solid hsl(233,11%,84%)}.circle:hover{border:2px solid hsl(192,100%,67%)}.todo-text{background-color:#fafafa;margin-top:2rem;padding:20px;border-radius:4px}.todo-text-dark{background-color:#25273c;margin-top:2rem;padding:20px;border-radius:4px}.content{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid hsl(236,9%,61%)}ul div{display:flex;gap:16px}.text-light{color:#484b6a}.text-dark{color:#e4e5f1}.checkbox-container{display:inline-flex;align-items:center;cursor:pointer}.checkbox-container input[type=checkbox]{display:none}.circle{width:20px;height:20px;border-radius:50%;border:1.5px solid hsl(233,11%,84%);display:inline-block;position:relative;transition:background-color .3s,border-color .3s}.checkbox-container input[type=checkbox]:checked+.circle{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='11'%20height='9'%3e%3cpath%20fill='none'%20stroke='%23FFF'%20stroke-width='2'%20d='M1%204.304L3.696%207l6-6'/%3e%3c/svg%3e"),linear-gradient(#c058f3,#57ddff);background-position:center;background-repeat:no-repeat;border-radius:50%;border-color:transparent}.circle:hover{border-color:#979bbf}.footer{display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#484b6a}.footer-dark{display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#4d5066}.sort-text{display:flex;gap:10px}button:hover{color:#e4e5f1}button{background:transparent;border:none;outline:none;font-size:16px;color:#484b6a}@media screen and (max-width: 760px){.form{width:100%;margin:auto;padding:10% 4% 1%}}