*{box-sizing:border-box;font-family:sans-serif;margin:0;padding:0}.main-container{height:100vh}.dark{background:#161722}.light{background:#f9fafb}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header button{background:none;border:none}.container{margin-inline:auto;position:relative;top:70px;width:400px}.dark h1{color:#fff}.light h1{color:#1f2937}.task-list-container>:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.light{background-color:#e5e7eb}.task-card{align-items:center;display:flex;justify-content:space-between;padding:10px;width:400px}.dark .task-card,.task-card{background-color:#25273c;color:#cbd5e1}.dark .task-card{border-bottom:1px solid #333447}.light .task-card{background-color:#fff;border-bottom:1px solid #d1d5db;color:#4b5563}.task-card p,del{overflow-wrap:break-word;width:300px}.not-found{color:#64748b;justify-content:center;padding:13.3px}input[type=text]{border:none;border-radius:5px;margin:15px 0;outline:none;padding:15px;width:400px}.dark input[type=text]{background-color:#25273c;color:#cbd5e1}.light input[type=text]{background-color:#fff;color:#4b5563}.delete-btn{cursor:pointer;width:25px}.todo-footer{align-items:center;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:space-between;padding:10px;width:400px}.dark .todo-footer,.todo-footer{background-color:#25273c;color:#cbd5e1}.light .todo-footer{background-color:#fff;color:#4b5563}.todo-footer button{background:none;border:none;cursor:pointer;padding:5px}.dark .todo-footer button{color:#64748b}.light .todo-footer button{color:#9ca3af}.todo-footer div button{font-weight:700}.dark .todo-footer button:hover{color:#cbd5e1}.light .todo-footer button:hover{color:#374151}.dark .todo-footer p,.todo-footer p{color:#64748b;font-size:13.33px}.light .todo-footer p{color:#9ca3af;font-size:13.33px}@media (max-width:640px){.container,.task-card,.todo-footer,input[type=text]{width:280px}.task-card{font-size:small}.todo-footer p{font-size:10px!important}.todo-footer button{font-size:10px}.task-card p,del{width:190px}}
/*# sourceMappingURL=main.d8f2918e.css.map*/