/* Social Icons Styles */
.social-icons .discord a:hover {
    background: rgba(88, 101, 242, 0.2);
    border-color: #5865f2;
    color: #5865f2;
    box-shadow: 0 5px 15px rgba(88, 101, 242, 0.3);
}
.social-icons .github a:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: #ffffff;
    color: #ffffff;
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.3);
}
.social-icons .gitlab a:hover {
    background: rgba(252, 109, 38, 0.2);
    border-color: #fc6d26;
    color: #fc6d26;
    box-shadow: 0 5px 15px rgba(252, 109, 38, 0.3);
}
.social-icons .reddit a:hover {
    background: rgba(255, 69, 0, 0.2);
    border-color: #ff4500;
    color: #ff4500;
    box-shadow: 0 5px 15px rgba(255, 69, 0, 0.3);
}
.social-icons .email a:hover {
    background: rgba(234, 67, 53, 0.2);
    border-color: #ea4335;
    color: #ea4335;
    box-shadow: 0 5px 15px rgba(234, 67, 53, 0.3);
}
.social-icons .website a:hover {
    background: rgba(74, 144, 226, 0.2);
    border-color: #4a90e2;
    color: #4a90e2;
    box-shadow: 0 5px 15px rgba(74, 144, 226, 0.3);
}
.social-icons .bitbucket a:hover {
    background: rgba(37, 83, 164, 0.2);
    border-color: #2553a4;
    color: #2553a4;
    box-shadow: 0 5px 15px rgba(37, 83, 164, 0.3);
}
.social-icons .codepen a:hover {
    background: rgba(0, 0, 0, 0.2);
    border-color: #000000;
    color: #000000;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.social-icons .replit a:hover {
    background: rgba(102, 102, 102, 0.2);
    border-color: #666666;
    color: #666666;
    box-shadow: 0 5px 15px rgba(102, 102, 102, 0.3);
}
.social-icons .stackoverflow a:hover {
    background: rgba(244, 128, 36, 0.2);
    border-color: #f48024;
    color: #f48024;
    box-shadow: 0 5px 15px rgba(244, 128, 36, 0.3);
}
.social-icons .telegram a:hover {
    background: rgba(0, 136, 204, 0.2);
    border-color: #0088cc;
    color: #0088cc;
    box-shadow: 0 5px 15px rgba(0, 136, 204, 0.3);
}
.social-icons .whatsapp a:hover {
    background: rgba(37, 211, 102, 0.2);
    border-color: #25d366;
    color: #25d366;
    box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3);
}
.social-icons .signal a:hover {
    background: rgba(59, 114, 223, 0.2);
    border-color: #3b72df;
    color: #3b72df;
    box-shadow: 0 5px 15px rgba(59, 114, 223, 0.3);
}
.social-icons .skype a:hover {
    background: rgba(0, 175, 240, 0.2);
    border-color: #00aff0;
    color: #00aff0;
    box-shadow: 0 5px 15px rgba(0, 175, 240, 0.3);
}
.social-icons .twitter a:hover {
    background: rgba(29, 161, 242, 0.2);
    border-color: #1da1f2;
    color: #1da1f2;
    box-shadow: 0 5px 15px rgba(29, 161, 242, 0.3);
}
.social-icons .facebook a:hover {
    background: rgba(24, 119, 242, 0.2);
    border-color: #1877f2;
    color: #1877f2;
    box-shadow: 0 5px 15px rgba(24, 119, 242, 0.3);
}
.social-icons .instagram a:hover {
    background: rgba(225, 48, 108, 0.2);
    border-color: #e1306c;
    color: #e1306c;
    box-shadow: 0 5px 15px rgba(225, 48, 108, 0.3);
}
.social-icons .tiktok a:hover {
    background: rgba(255, 0, 80, 0.2);
    border-color: #ff0050;
    color: #ff0050;
    box-shadow: 0 5px 15px rgba(255, 0, 80, 0.3);
}
.social-icons .snapchat a:hover {
    background: rgba(255, 252, 0, 0.2);
    border-color: #fffc00;
    color: #fffc00;
    box-shadow: 0 5px 15px rgba(255, 252, 0, 0.3);
}
.social-icons .mastodon a:hover {
    background: rgba(99, 100, 255, 0.2);
    border-color: #6364ff;
    color: #6364ff;
    box-shadow: 0 5px 15px rgba(99, 100, 255, 0.3);
}
.social-icons .bluesky a:hover {
    background: rgba(0, 136, 255, 0.2);
    border-color: #0088ff;
    color: #0088ff;
    box-shadow: 0 5px 15px rgba(0, 136, 255, 0.3);
}
.social-icons .threads a:hover {
    background: rgba(0, 0, 0, 0.2);
    border-color: #000000;
    color: #000000;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.social-icons .linkedin a:hover {
    background: rgba(0, 119, 181, 0.2);
    border-color: #0077b5;
    color: #0077b5;
    box-shadow: 0 5px 15px rgba(0, 119, 181, 0.3);
}
.social-icons .behance a:hover {
    background: rgba(0, 85, 255, 0.2);
    border-color: #0055ff;
    color: #0055ff;
    box-shadow: 0 5px 15px rgba(0, 85, 255, 0.3);
}
.social-icons .dribbble a:hover {
    background: rgba(234, 76, 137, 0.2);
    border-color: #ea4c89;
    color: #ea4c89;
    box-shadow: 0 5px 15px rgba(234, 76, 137, 0.3);
}
.social-icons .upwork a:hover {
    background: rgba(108, 194, 26, 0.2);
    border-color: #6cc21a;
    color: #6cc21a;
    box-shadow: 0 5px 15px rgba(108, 194, 26, 0.3);
}
.social-icons .fiverr a:hover {
    background: rgba(29, 191, 115, 0.2);
    border-color: #1dbf73;
    color: #1dbf73;
    box-shadow: 0 5px 15px rgba(29, 191, 115, 0.3);
}
.social-icons .youtube a:hover {
    background: rgba(255, 0, 0, 0.2);
    border-color: #ff0000;
    color: #ff0000;
    box-shadow: 0 5px 15px rgba(255, 0, 0, 0.3);
}
.social-icons .twitch a:hover {
    background: rgba(145, 70, 255, 0.2);
    border-color: #9146ff;
    color: #9146ff;
    box-shadow: 0 5px 15px rgba(145, 70, 255, 0.3);
}
.social-icons .medium a:hover {
    background: rgba(2, 184, 117, 0.2);
    border-color: #02b875;
    color: #02b875;
    box-shadow: 0 5px 15px rgba(2, 184, 117, 0.3);
}
.social-icons .devto a:hover {
    background: rgba(15, 23, 42, 0.2);
    border-color: #0f172a;
    color: #0f172a;
    box-shadow: 0 5px 15px rgba(15, 23, 42, 0.3);
}
.social-icons .hashnode a:hover {
    background: rgba(46, 91, 255, 0.2);
    border-color: #2e5bff;
    color: #2e5bff;
    box-shadow: 0 5px 15px rgba(46, 91, 255, 0.3);
}
.social-icons .substack a:hover {
    background: rgba(255, 102, 0, 0.2);
    border-color: #ff6600;
    color: #ff6600;
    box-shadow: 0 5px 15px rgba(255, 102, 0, 0.3);
}
.social-icons .steam a:hover {
    background: rgba(0, 0, 0, 0.2);
    border-color: #171a21;
    color: #171a21;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.social-icons .epicgames a:hover {
    background: rgba(0, 0, 0, 0.2);
    border-color: #000000;
    color: #000000;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.social-icons .xbox a:hover {
    background: rgba(16, 124, 16, 0.2);
    border-color: #107c10;
    color: #107c10;
    box-shadow: 0 5px 15px rgba(16, 124, 16, 0.3);
}
.social-icons .playstation a:hover {
    background: rgba(0, 55, 145, 0.2);
    border-color: #003791;
    color: #003791;
    box-shadow: 0 5px 15px rgba(0, 55, 145, 0.3);
}
.social-icons .spotify a:hover {
    background: rgba(30, 215, 96, 0.2);
    border-color: #1ed760;
    color: #1ed760;
    box-shadow: 0 5px 15px rgba(30, 215, 96, 0.3);
}
.social-icons .soundcloud a:hover {
    background: rgba(255, 51, 0, 0.2);
    border-color: #ff3300;
    color: #ff3300;
    box-shadow: 0 5px 15px rgba(255, 51, 0, 0.3);
}
.social-icons .applemusic a:hover {
    background: rgba(250, 54, 69, 0.2);
    border-color: #fa3645;
    color: #fa3645;
    box-shadow: 0 5px 15px rgba(250, 54, 69, 0.3);
}
.social-icons .bandcamp a:hover {
    background: rgba(0, 150, 163, 0.2);
    border-color: #0096a3;
    color: #0096a3;
    box-shadow: 0 5px 15px rgba(0, 150, 163, 0.3);
}
.social-icons .pinterest a:hover {
    background: rgba(203, 32, 39, 0.2);
    border-color: #cb2027;
    color: #cb2027;
    box-shadow: 0 5px 15px rgba(203, 32, 39, 0.3);
}
.social-icons .tumblr a:hover {
    background: rgba(52, 73, 94, 0.2);
    border-color: #34495e;
    color: #34495e;
    box-shadow: 0 5px 15px rgba(52, 73, 94, 0.3);
}
.social-icons .flickr a:hover {
    background: rgba(0, 99, 220, 0.2);
    border-color: #0063dc;
    color: #0063dc;
    box-shadow: 0 5px 15px rgba(0, 99, 220, 0.3);
}
.social-icons .vimeo a:hover {
    background: rgba(29, 183, 231, 0.2);
    border-color: #1db7e7;
    color: #1db7e7;
    box-shadow: 0 5px 15px rgba(29, 183, 231, 0.3);
}
.social-icons .patreon a:hover {
    background: rgba(255, 66, 77, 0.2);
    border-color: #f96854;
    color: #f96854;
    box-shadow: 0 5px 15px rgba(255, 66, 77, 0.3);
}
.social-icons .kofi a:hover {
    background: rgba(255, 93, 77, 0.2);
    border-color: #ff5f5f;
    color: #ff5f5f;
    box-shadow: 0 5px 15px rgba(255, 93, 77, 0.3);
}
.social-icons .buymeacoffee a:hover {
    background: rgba(255, 221, 0, 0.2);
    border-color: #ffdd00;
    color: #ffdd00;
    box-shadow: 0 5px 15px rgba(255, 221, 0, 0.3);
}