body.app-account {
    width: 100%;
}
.top-content {
    background: var(--topContent) !important;
    border-radius: 10px;    
}
.avatar-img {
    width: auto;
    height: 100%;
    border-radius: 10px;
    opacity: 80%;
}
.avatar-name {
    bottom: 0px;
    background: var(--darkGray);
    width: 100%;
    text-align: center;
    border-radius: 0 0 10px 10px;
    padding: 5px;
    opacity: 80%;
}
.avatar-name span {
    display: block;    
}
.box-task-1 {
    /* align-items: normal; */
    color: var(--white);
}
.box-task-1 h3 {
    color: var(--workflow);
    text-align: center;
}
.box-task-1 .rounded {
    border-radius: 1rem !important;
}