.profile_container {
    opacity: 1;
}

.profile_card {
    margin-top       : 10%;
    margin-left      : auto;
    margin-right     : auto;
    padding-left     : 5%;
    padding-right    : 5%;
    padding-top      : 5%;
    padding-bottom   : 5%;
    background-color : var(--gray_background);
    border-radius    : 15px;
}


.profile_button {
    border-radius:  25px;
}


/* esses dois são duas classes css que vi ao inspecionar o dbc.Modal */

.modal-content {
    background-color: transparent;
    margin          : 0;
    padding         : 0;
    height          : 100%;
    border-radius   : 15px;

    border: 0;
}

.btn-close {
    --bs-btn-close-focus-shadow: 0;
}

/*
@media (max-width: 768px)
{
    .profile_card {
        width: 80vw !important;
        margin-left: 0;
        margin-right: auto;

    }
}

.profile_container {
    opacity         : 1;
    display         : flex;
    justify-content : 'center';
}*/