*{padding:0;margin:0}.todoContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#324854}.todoContainer header{font-size:24px;font-weight:700;text-align:center;margin-bottom:20px;color:#fff}.todoContainer h3{margin:20px;font-size:20px;color:#fff}.todoContainer input{padding:8px;font-size:16px;border-radius:5px;border:none;width:240px;height:40px}form{display:flex;gap:10px;margin-bottom:20px}.TaskBtn{padding:8px 12px;font-size:16px;border:none;border-radius:5px;background-color:#253691;color:#fff;cursor:pointer}.todoContainer button:hover{background-color:#9d65a1}.todoContainer button:active{background-color:#9e9c3b}.inputMap ul{list-style-type:none;padding:0}.inputMap li{display:flex;align-items:center;justify-content:space-between;width:300px;background:#fff;padding:10px;margin:10px;border-radius:5px;box-shadow:0 2px 5px #0000001a}.inputMap li span{flex:1;font-size:16px}.completed span{text-decoration:line-through;color:gray}.deleteBtn,.checkbtn{background:none;border:none;font-size:22px;margin-left:10px;cursor:pointer}.deleteBtn:hover{color:red}.checkbtn:hover{color:green}.clearBtn{display:flex;justify-content:center;font-size:16px;background-color:brown;padding:8px 12px;margin:20px auto;color:#f0f8ff;border:none;border-radius:5px}