@import url("colors.css");

#discord:hover i, #steam:hover i {
    color: var(--blue);
}

#github:hover i, #twitter:hover i{
    color: var(--sub-2);
}

#bandcamp:hover i {
    color: var(--sky);
}

#spotify:hover i, #namemc:hover i {
    color: var(--green);
}

#letterboxd:hover i {
    color: var(--orange);
}

#email:hover i {
    color: var(--yellow);
}

#rym:hover i{
    color: var(--peri);
}

#roblox:hover i{
    color: var(--purple);
}

#youtube:hover i, #lastfm:hover i{
    color: var(--red);
}

#bandcamp, #github, #spotify {
    border-color: color-mix(in srgb, var(--pink), var(--deep) 30%);
    transition: border-color 120ms ease;
}

#lastfm, #letterboxd, #rym {
    transition: border-color 120ms ease;
    border-color: color-mix(in srgb, var(--cyan-alt), var(--deep) 30%);
}

#roblox, #namemc, #steam {
    transition: border-color 120ms ease;
    border-color: color-mix(in srgb, var(--peri), var(--deep) 30%);
}

#twitter, #email, #youtube {
    transition: border-color 120ms ease;
    border-color: color-mix(in srgb, var(--blue), var(--deep) 30%);
}