:root {
    --profile-small-pic-border: #e0c3fc;
    --profile-small-pic-bg: #c7ceea;
    --profile-name-hover: #ffd6e0;
}
.small-profile-picture{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    overflow: hidden;
    border: 2px solid var(--profile-small-pic-border);
    background: var(--profile-small-pic-bg);
    box-shadow: 0 1px 4px 0 #e0c3fc44;
}
.small-profile-picture:hover{
    border: 2px solid var(--profile-name-hover);
    box-shadow: 0 2px 8px 0 #ffd6e055;
}
.profile-name{
    transition: text-decoration 0.3s, color 0.3s;
}
.profile-name:hover{
    text-decoration: underline;
    color: var(--profile-name-hover);
}