﻿@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600;700&display=swap');
body.theme-glitter-2 {
    animation: none;
    --bg-gradient: linear-gradient(180deg, #080408 0%, #0f080f 100%);
    --text-color: #ffe8f8;
    --link-bg: rgba(20, 5, 18, 0.55);
    --link-hover: rgba(38, 8, 35, 0.75);
    --card-bg: transparent;
    --card-border: transparent;
    --shadow: 0 20px 60px rgba(0, 0, 0, 0.95);
}

body.theme-glitter-2 .profile-container {
    background-image: url('/images/glitter-2.webp');
    background-size: cover;
    background-position: center center;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: none;
    box-shadow: 0 20px 80px rgba(0, 0, 0, 0.85);
}

@keyframes glitter-2-orbit {
    0%   { box-shadow:  0   -6px 14px 1px rgba(255, 80, 180, 0.65), 0 0 4px rgba(255, 60, 160, 0.1); border-color: rgba(255, 100, 190, 0.25); }
    12%  { box-shadow:  5px -5px 14px 1px rgba(255, 80, 180, 0.65), 0 0 4px rgba(255, 60, 160, 0.1); border-color: rgba(255, 100, 190, 0.25); }
    25%  { box-shadow:  6px  0   14px 1px rgba(255, 80, 180, 0.65), 0 0 4px rgba(255, 60, 160, 0.1); border-color: rgba(255, 100, 190, 0.25); }
    37%  { box-shadow:  5px  5px 14px 1px rgba(255, 80, 180, 0.65), 0 0 4px rgba(255, 60, 160, 0.1); border-color: rgba(255, 100, 190, 0.25); }
    50%  { box-shadow:  0    6px 14px 1px rgba(255, 80, 180, 0.65), 0 0 4px rgba(255, 60, 160, 0.1); border-color: rgba(255, 100, 190, 0.25); }
    62%  { box-shadow: -5px  5px 14px 1px rgba(255, 80, 180, 0.65), 0 0 4px rgba(255, 60, 160, 0.1); border-color: rgba(255, 100, 190, 0.25); }
    75%  { box-shadow: -6px  0   14px 1px rgba(255, 80, 180, 0.65), 0 0 4px rgba(255, 60, 160, 0.1); border-color: rgba(255, 100, 190, 0.25); }
    87%  { box-shadow: -5px -5px 14px 1px rgba(255, 80, 180, 0.65), 0 0 4px rgba(255, 60, 160, 0.1); border-color: rgba(255, 100, 190, 0.25); }
    100% { box-shadow:  0   -6px 14px 1px rgba(255, 80, 180, 0.65), 0 0 4px rgba(255, 60, 160, 0.1); border-color: rgba(255, 100, 190, 0.25); }
}

body.theme-glitter-2 .link-card {
    border: 1px solid rgba(255, 80, 180, 0.15);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
    animation: glitter-2-orbit 3s linear infinite;
}

body.theme-glitter-2 .links-wrapper .link-card:nth-child(2)  { animation-delay: -0.1s; }
body.theme-glitter-2 .links-wrapper .link-card:nth-child(3)  { animation-delay: -0.2s; }
body.theme-glitter-2 .links-wrapper .link-card:nth-child(4)  { animation-delay: -0.3s; }
body.theme-glitter-2 .links-wrapper .link-card:nth-child(5)  { animation-delay: -0.4s; }
body.theme-glitter-2 .links-wrapper .link-card:nth-child(6)  { animation-delay: -0.5s; }
body.theme-glitter-2 .links-wrapper .link-card:nth-child(7)  { animation-delay: -0.6s; }
body.theme-glitter-2 .links-wrapper .link-card:nth-child(8)  { animation-delay: -0.7s; }
body.theme-glitter-2 .links-wrapper .link-card:nth-child(9)  { animation-delay: -0.8s; }
body.theme-glitter-2 .links-wrapper .link-card:nth-child(10) { animation-delay: -0.9s; }

body.theme-glitter-2 .link-card:hover {
    animation: none;
    border-color: rgba(255, 100, 190, 0.55);
    box-shadow: 0 0 18px 3px rgba(255, 70, 170, 0.45), 0 0 6px rgba(255, 60, 160, 0.2) inset;
}

body.theme-glitter-2 .avatar {
    border-color: rgba(255, 100, 190, 0.65);
    box-shadow: 0 0 28px rgba(220, 60, 160, 0.4), 0 0 50px rgba(180, 30, 130, 0.2);
}

body.theme-glitter-2 .username   { text-shadow: 0 0 8px rgba(255, 100, 190, 0.8), 0 0 2px #000; }
body.theme-glitter-2 #bio-text   { text-shadow: 0 0 3px #000; }
body.theme-glitter-2 .fab        { text-shadow: 0 0 3px #000; }

body.theme-glitter-2 { font-family: 'Quicksand', sans-serif; }
body.theme-glitter-2 .link-card { border-radius: 30px; }
