body {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    color: #000000;
    min-height: 100vh;
    min-width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
    font-size: 16px;
    opacity: 0; 
    animation: fadeIn 0.6s forwards;
}
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}
.page-container {
    display: inline-block;
    flex-wrap: wrap;
    padding: 8px;
}
.profile-links {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
a {
    display: inline-block;
    padding: 8px;
    background-color: #ffffff;
    border-radius: 8px;
    text-decoration: none;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 0 8px 4px #f5f5f5;
    transition: box-shadow 0.3s ease, transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
a:hover {
    transform: scale(1.1);
}
a[href*="t.me"] {
    box-shadow: 0 0 8px 4px #0088cc;
}
a[href*="t.me"]:hover {
    background-color: #0088cc;
    color: #ffffff;
}
a[href*="vk.com"] {
    box-shadow: 0 0 8px 4px #0077ff;
}
a[href*="vk.com"]:hover {
    background-color: #0077ff;
    color: #ffffff;
}
a[href*="twitter.com"] {
    box-shadow: 0 0 8px 4px #1da1f2;
}
a[href*="twitter.com"]:hover {
    background-color: #1da1f2;
    color: #ffffff;
}
a[href*="last.fm"] {
    box-shadow: 0 0 8px 4px #d51007;
}
a[href*="last.fm"]:hover {
    background-color: #d51007;
    color: #ffffff;
}
a[href*="twitch.tv"] {
    box-shadow: 0 0 8px 4px #9146ff;
}
a[href*="twitch.tv"]:hover {
    background-color: #9146ff;
    color: #ffffff;
}
a[href*="youtube.com"] {
    box-shadow: 0 0 8px 4px #ff0000;
}
a[href*="youtube.com"]:hover {
    background-color: #ff0000;
    color: #ffffff;
}
a[href*="steamcommunity.com"] {
    box-shadow: 0 0 8px 4px #1a9fff;
}
a[href*="steamcommunity.com"]:hover {
    background-color: #1a9fff;
    color: #ffffff;
}
a[href*="discord.com"] {
    box-shadow: 0 0 8px 4px #161cbc;
}
a[href*="discord.com"]:hover {
    background-color: #161cbc;
    color: #ffffff;
}
a[href*="donationalerts.com"] {
    box-shadow: 0 0 8px 4px #f59C07;
}
a[href*="donationalerts.com"]:hover {
    background-color: #f59C07;
    color: #ffffff;
}
a[href*="boosty.to"] {
    box-shadow: 0 0 8px 4px #f15f2c;
}
a[href*="boosty.to"]:hover {
    background-color: #f15f2c;
    color: #ffffff;
}
a[href*="patreon.com"] {
    box-shadow: 0 0 8px 4px #000000;
}
a[href*="patreon.com"]:hover {
    background-color: #000000;
    color: #ffffff;
}
a[href*="tiktok.com"] {
    box-shadow: 0 0 8px 4px #fe2c55;
}
a[href*="tiktok.com"]:hover {
    background-color: #fe2c55;
    color: #ffffff;
}
a[href*="facebook.com"] {
    box-shadow: 0 0 8px 4px #1877f2;
}
a[href*="facebook.com"]:hover {
    background-color: #1877f2;
    color: #ffffff;
}
a[href*="instagram.com"] {
    box-shadow: 0 0 8px 4px #ff0069;
}
a[href*="instagram.com"]:hover {
    background-color: #ff0069;
    color: #ffffff;
}
a[href*="threads.net"] {
    box-shadow: 0 0 8px 4px #000000;
}
a[href*="threads.net"]:hover {
    background-color: #000000;
    color: #ffffff;
}
a[href*="bsky.app"] {
    box-shadow: 0 0 8px 4px #0095ff;
}
a[href*="bsky.app"]:hover {
    background-color: #0095ff;
    color: #ffffff;
}
a[href*="reddit.com"] {
    box-shadow: 0 0 8px 4px #ff4500;
}
a[href*="reddit.com"]:hover {
    background-color: #ff4500;
    color: #ffffff;
}
a[href*="tumblr.com"] {
    box-shadow: 0 0 8px 4px #00b8ff;
}
a[href*="tumblr.com"]:hover {
    background-color: #00b8ff;
    color: #ffffff;
}
a[href*="pinterest.com"] {
    box-shadow: 0 0 8px 4px #e60023;
}
a[href*="pinterest.com"]:hover {
    background-color: #e60023;
    color: #ffffff;
}
a[href*="spotify.com"] {
    box-shadow: 0 0 8px 4px #1db954;
}
a[href*="spotify.com"]:hover {
    background-color: #1db954;
    color: #ffffff;
}
a[href*="soundcloud.com"] {
    box-shadow: 0 0 8px 4px #ff8800;
}
a[href*="soundcloud.com"]:hover {
    background-color: #ff8800;
    color: #ffffff;
}
a[href*="bandcamp.com"] {
    box-shadow: 0 0 8px 4px #1da0C3;
}
a[href*="bandcamp.com"]:hover {
    background-color: #1da0C3;
    color: #ffffff;
}
@media (prefers-color-scheme: dark) {
    body {
        background-color: #000000;
        color: #ffffff;
    }
    a {
        background-color: #000000;
        color: #ffffff;
        box-shadow: 0 0 8px 4px #1a1a1a;
    }
    a[href*="patreon.com"] {
        box-shadow: 0 0 8px 4px #ffffff;
    }
    a[href*="patreon.com"]:hover {
        background-color: #ffffff;
        color: #000000;
    }
    a[href*="threads.net"] {
        box-shadow: 0 0 8px 4px #ffffff;
    }
    a[href*="threads.net"]:hover {
        background-color: #ffffff;
        color: #000000;
    }
}