.App{display:flex;flex-direction:column;align-items:center}.task-create{width:450px}.task-form{display:flex;flex-direction:column}.lbl{margin:10px 0}.task-input{padding:10px;border:1px solid #ccc;border-radius:10px}.task-list{display:flex;justify-content:center;flex-wrap:wrap;width:"100%",}.task-show{border:1px solid #ccc;border-radius:30px;width:350px;padding:20px;margin:20px;display:flex;flex-direction:column;align-items:center}.task-title{margin-bottom:10px}.task-main{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.task-update{width:100%}.btn{padding:10px;margin:20px 0;background-color:#4caf50;color:#fff;border:none;border-radius:20px;font-size:20px;cursor:pointer}.btn:hover{background-color:#45a049}.btn-danger{background-color:#f44336;color:#fff;border:none;border-radius:30px;font-size:15px;width:60px;padding:5px;margin:0 5px}.btn-danger:hover{background-color:#da190b}.btn-edit{background-color:#008cba;color:#fff;border:none;border-radius:20px;font-size:15px}.btn-edit:hover{background-color:#006080}.all-btn{display:flex;justify-content:center;margin:20px}.btn-update{background-color:#8a2be2}.btn-update:hover{background-color:#640cb6;cursor:pointer}