.sidebar-avatar {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.sidebar-avatar .avatar {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    border: 1px solid transparent;
    box-shadow: 0 0 20px -8px white;
    transition-property: border-color, box-shadow;
    transition-duration: 200ms;
}

.sidebar-avatar a:hover .avatar {
    border-color: white;
    box-shadow: 0 0 0 -8px white;
}

.sidebar-avatar .username {
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0 1px white;
    }

.sidebar-avatar a:hover .username {
    text-shadow: none;
}

.sidebar-avatar .username svg {
    margin-right: .4rem;
}