.todo{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:10px;width:100%;margin-bottom:10px}.todo1{display:flex;justify-content:flex-start;flex-direction:column;align-items:self-start;width:80%}.todo h4{font-size:18px;margin:0}.todo p{font-size:14px;color:#888;margin:0}.todo2{width:20%}.todo input[type=checkbox]{margin-right:10px}.todo button{background-color:#f33;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.todo button:hover{background-color:red}.home{display:flex;flex-direction:column;align-items:center;padding:20px}.addTask{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;width:100%;max-width:50vw;text-align:center;margin-bottom:20px}.addTask form{display:flex;flex-direction:column;align-items:center}.addTask input{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px;font-size:16px}.addTask button{width:100%;padding:12px;margin:10px 0;background-color:#036;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px}.addTask button:disabled{background-color:#ccc;cursor:not-allowed}.todosContainer{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;width:100%;max-width:50vw;text-align:center;margin-bottom:20px}@media (max-width:768px){.addTask{max-width:100vw}.addTask section{max-width:90%}.todosContainer{max-width:100vw}}