.todo-container{flex-direction:column;align-items:center;gap:20px;width:50%;margin:10px auto;display:flex}.todo-container input{padding:5px 10px}.task-form{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.tasks-container{flex-direction:column;align-items:center;gap:20px;width:45vw;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.task{background-color:#f5f5f5;border-radius:8px;width:100%;padding:20px;transition:transform .3s}.task:hover{transform:translateY(-8px);box-shadow:0 5px 5px #0003}.task-content{justify-content:space-between;align-items:center;display:flex}.task-name{margin-top:0;font-size:28px}.task-text{margin:0;font-style:italic}.delete-task-button{cursor:pointer;background-color:#ff8d84;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:5px;transition:background-color .3s;display:flex}.delete-task-button:hover{background-color:#ff7268}
.task{background-color:#f5f5f5;border-radius:8px;width:100%;padding:20px;transition:transform .3s}.task:hover{transform:translateY(-8px);box-shadow:0 5px 5px #0003}.task-content{justify-content:space-between;align-items:center;display:flex}.task-name{margin-top:0;font-size:28px}.task-title-input{border:none;outline:none;margin-top:0;margin-bottom:19px;padding:0;font-size:28px;font-weight:600}.task-text-input{resize:none;border:none;outline:none;padding:0;font-style:italic}.task-text{margin:0;font-style:italic}.task-controls{gap:10px;display:flex}.task-control-button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:5px;transition:background-color .3s;display:flex}.delete-task-button{background-color:#ff8d84}.delete-task-button:hover{background-color:#ff7268}.details-button{background-color:#d2d2d2}.details-button:hover{background-color:#bbb}.edit-task-button{background-color:#3b82f6}.edit-task-button:hover{background-color:#2563eb}.save-task-button{background-color:#70b77e}.save-task-button:hover{background-color:#37b750}.task-title{justify-content:space-between;align-items:start;display:flex}.task-title small{font-size:12px;font-style:italic}