h1,h2{text-align:center}body{background-color:beige}main{background-color:#fff;max-width:65vw;margin:20px auto;padding:20px}#addTask div{background-color:#fcfcfc;border-radius:12px;flex-direction:column;max-width:60%;margin:0 auto 30px;padding:25px;display:flex}#myTasks div{flex-direction:column;max-width:300px;margin-bottom:16px;display:flex}.completed span{text-decoration:line-through}input,select,button{border:1px solid #ddd;border-radius:6px;margin-bottom:10px;padding:12px;font-size:1rem}#addBtn{color:#fff;cursor:pointer;background-color:#2c3e50;border:none}#addBtn:hover{background-color:#34495e}#todoList li{background-color:#f9f9f9;border-radius:8px;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin-bottom:10px;padding:15px;display:flex}.done-btn{color:#fff;background-color:#27ae60;border:none}.undo-btn{color:#fff;background-color:#f39c12;border:none}.delete-btn{color:#fff;background-color:#e74c3c;border:none}.button-group{justify-content:center;align-items:center;gap:10px;flex-direction:row!important;display:flex!important}.button-group button{cursor:pointer;min-width:80px;padding:8px 16px;margin-bottom:0!important}#todoList li span{color:#333;font-size:1.7rem;font-weight:700}@media (width<=600px){main{width:95%;padding:15px}#todoList li{flex-direction:column;align-items:stretch;gap:15px}.button-group{widht:100%;justify-content:space-between}.button-group button{flex:1;padding:15px}}