.profile-card{
    background: rgba(23, 20, 61, 0.98);
    color: whitesmoke;
    border-radius: 10px;
    margin: auto;
    padding: 20px 30px;
    border: 1px solid rgb(219, 219, 219);
    width: 60vw;
    min-width: 700px;
    max-height: 85vh;
    overflow-y: auto;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.profile-card p{
    font-size: 14px;
}

.profile-pic-popup {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}

.journal-pic-popup {
    width: 150px !important;
    max-height: 400px;
    object-fit: cover;
}

/* For Webkit browsers (Chrome, Safari, newer versions of Opera, etc.) */
.profile-card::-webkit-scrollbar {
    width: 12px;
}

.profile-card::-webkit-scrollbar-track {
    background: #e8e8e8;
    border-radius: 10px;
}

.profile-card::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
    border: 4px solid #e8e8e8;
}

.profile-card::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}