/*

Colors

#fbf7ff
#f6dcff
#e7b7f7
#9664A0
#7636a5
#5f1d80
#530064

*/

#settingsUserList
{
    width: fit-content;
    margin: auto;
    text-align: left;
}

.settingsUserSectionList
{
    margin: 2em 0 3em 0;
}

.settingsUserSection
{
    margin-bottom: clamp(0.05em, 0.4vw, 0.3em);
    font-weight: bold;
}

.settingsUserRow
{
    line-height: clamp(1em, 3vw, 2.3em);
    display: flex;
}

.settingsPending
{
    font-style: italic;
    color: #888;
}

.settingsUserEmail
{
    font-style: italic;
    color: #9664A0;
}

.settingsUserIcon
{
    align-items: center;
}



#inviteEmailFormDIV
{
    margin: auto;
    padding-bottom: clamp(1em, 8vw, 6em);
}

#inviteEmailInputDIV
{
    margin: clamp(1em, 5vw, 4em) auto;
}

#inviteEmailButton
{
    margin: clamp(1em, 3vw, 2em) auto 0;
    padding: clamp(0.2em, 1.2vw, 1em);
    width: clamp(0.1em, 12vw, 10.5em);
    height: clamp(0.1em, 4vw, 3.3em);
}

#inviteEmailInputDIV
{
    width: clamp(10em, 34vw, 28em);
}





#addContributorButton
{
    margin: 0 50%;
    transform: translateX(-50%);
}

.settingsUserEmail
{
    width: clamp(20em, 25vw, 23em);
}

.settingsUserName,
.settingsPending
{
    width: clamp(10em, 15vw, 12em);
}

.settingsUserName,
.settingsUserEmail,
.settingsPending
{
    font-size: clamp(0.4em, 1.1vw, 0.9em);
}







#projectArchiveButton,
#projectRestoreButton
{
    margin: 6vh auto;
}