.task-container {
    background: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px var(--violet);
    margin: 20px 0;
}

.task-content {
    line-height: 1.7;
}


@media (max-width: 768px) {
    .task-container {
        padding: 5px;
    }
    
    .task-content {
        line-height: 1.5;
    }
}

.task_info {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
}

.task_number, .task_status {
    border-radius: 5px;
    box-shadow: 0 0 10px var(--violet);
    padding: 5px;
}