*{margin:0;padding:0;box-sizing:border-box}.mainBody{background:#8e2de2;background:-webkit-linear-gradient(to right,#4A00E0,#8E2DE2);background:linear-gradient(to right,#4a00e0,#8e2de2);height:100vh;display:flex;justify-content:center;align-items:center}.TodoListMain{height:650px;width:500px;background-color:#fff;border-radius:8px;padding:5px}.addbtn{border-radius:50%;height:40px;width:40px;display:flex;justify-content:center;align-items:center;background-color:#00f;color:#fff;font-weight:800;font-size:20px}ul{padding:0}.inpArea{display:flex;justify-content:center;align-items:center;gap:15px}.inpArea input{height:50px;padding:5px;margin:5px;font-size:18px;width:70%;border:3px solid black}.task{height:45px;display:flex;justify-content:space-between;align-items:center;border:1px solid black;padding:8px;margin:5px;font-size:17px;font-weight:600;list-style:none}.taskname{width:80%}.buttons{display:flex;justify-content:center;align-items:center}.btn{height:35px;border:1.5px solid black;margin:5px;padding:5px;font-weight:500;font-size:15px;color:#fff}.btnComp{background-color:green}.btnDel{background-color:red}.btnComp:hover{background-color:#064506;color:#fff}ul{list-style:none}.btnDel:hover{background-color:#a40606;color:#fff}