*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#121212;justify-content:center;align-items:center;height:100vh;font-family:Arial,sans-serif;display:flex}.app{background-color:#1e1e1e;border-radius:10px;width:300px;padding:20px;box-shadow:0 5px 15px #0003}.heading{text-align:center;margin-bottom:20px;font-size:24px}.input-container{justify-content:space-between;margin-bottom:20px;display:flex}.input-task{color:#fff;background-color:#333;border:none;border-radius:5px;outline:none;width:70%;padding:10px}.addTaskbtn{color:#fff;cursor:pointer;background-color:#6200ea;border:none;border-radius:5px;width:25%;padding:10px;transition:background-color .3s}button:hover{background-color:#3700b3}.todo-ul{padding:0;list-style-type:none}.list-task{background-color:#333;border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}li button{color:#fff;cursor:pointer;background-color:#d32f2f;border:none;border-radius:5px;padding:5px}li button:hover{background-color:#b71c1c}