#side-bar-discord-element:hover>#side-bar-discord-icon {
    filter: brightness(25%) sepia(100%) saturate(10000%) hue-rotate(250deg) brightness(160%);
}

#side-bar-steam-element:hover>#side-bar-steam-icon {
    filter: brightness(25%) sepia(100%) saturate(10000%) hue-rotate(220deg) brightness(100%) saturate(30%);
}

#side-bar-battlenet-element:hover>#side-bar-battlenet-icon {
    filter: brightness(25%) sepia(100%) saturate(10000%) hue-rotate(220deg) brightness(170%) saturate(60%);
}

#side-bar-lastfm-element:hover>#side-bar-lastfm-icon {
    filter: brightness(25%) sepia(100%) saturate(10000%) brightness(250%) saturate(60%) brightness(120%);
}

#side-bar-aboutme-element:hover>#side-bar-aboutme-icon {
    filter: brightness(25%) sepia(100%) saturate(10000%) hue-rotate(280deg) brightness(100%) saturate(60%);
}

#side-bar-connections-element:hover>#side-bar-connections-icon {
    filter: brightness(25%) sepia(100%) saturate(10000%) hue-rotate(10deg) brightness(100%) saturate(60%);
}

#side-bar-photos-element:hover>#side-bar-photos-icon {
    filter: brightness(25%) sepia(100%) saturate(10000%) hue-rotate(220deg) brightness(170%) saturate(60%);
}

#side-bar-blog-element:hover>#side-bar-blog-icon {
    filter: brightness(25%) sepia(100%) saturate(10000%) hue-rotate(100deg) brightness(170%) saturate(60%);
}

.header-bar-logo:hover>#header-bar-logo-image {
    filter: brightness(25%) sepia(100%) saturate(10000%);
}