*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000000f2;background-image:linear-gradient(0deg,#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:40px 40px;min-height:100vh}h1{text-align:center;color:#f1f5f9}.all-todos{flex-direction:column;align-items:center;gap:12px;display:flex}.all-todos li{background:#1a1a24;border:1px solid #2d2d3a;border-radius:8px;align-items:center;width:360px;padding:8px 12px;display:flex}.all-todos li input[type=checkbox]{cursor:pointer;accent-color:#2dd4bf;border:none;border-radius:8px;width:18px;height:18px}.all-todos p{color:#f1f5f9;margin-left:8px}.all-btn{margin-left:auto}.del-btn{cursor:pointer;background:#ff3c3ccc;border:1px solid #ff3c3c99;border-radius:8px;margin-right:4px;padding:4px 8px;font-size:12px}.del-btn:hover{background:#ff3c3c33}.completed{color:#2dd4bf;text-decoration:line-through}.edit-btn{cursor:pointer;color:#0f0f13;background:#2dd4bf;border:none;border-radius:8px;margin-right:4px;padding:4px 8px;font-size:12px}.edit-btn:hover{opacity:.85}.save-btn{cursor:pointer;color:#0f0f13;background:#2dd4bf;border:none;border-radius:8px;margin-right:4px;padding:4px 8px;font-size:12px}.save-btn:hover{opacity:.85}.edit-input{color:#f1f5f9;background:#0f0f13;border:1px solid #2dd4bf;border-radius:6px;outline:none;padding:6px 10px}.get-todos{background:#1a1a24;border:.5px solid #2d2d3a;border-radius:8px;flex-direction:column;align-items:center;width:360px;margin:20px auto;padding:4px 0 12px;display:flex}.get-todos p{color:#f1f5f9;font-size:20px}.get-todos .user-input{gap:8px;display:flex}.user-input input{border-radius:8px;flex:1;padding:8px 12px}.user-input .add-btn{cursor:pointer;color:#0f0f13;background:#2dd4bf;border:none;border-radius:8px;flex:1;padding:8px 12px}.add-btn:hover{opacity:.85}