/* Retro Styling */
[data-bs-theme="retro"] .jp-interface{
        filter: sepia(0.15);
        background-color:#FADA5E;
}
[data-bs-theme="retro"] .jp-seek-bar{
        filter: invert(1);
        opacity:0.5;
}
[data-bs-theme="retro"] .jp-play-bar{
        filter: invert(1) saturate(200%) brightness(200%) hue-rotate(200deg);
        opacity:0.5;
}
[data-bs-theme="retro"] #social-button{
        filter: hue-rotate(0deg);
}
[data-bs-theme="retro"] #social-button-link{
        filter:  ue-rotate(0deg);
}
[data-bs-theme="retro"] .bio-container-nl {
        background-color:#FADA5E !important;
        color:black;
}
[data-bs-theme="retro"] .bio-title-nl {
        color:#000 !important;
        text-align:center !important;
}
[data-bs-theme="retro"] .sk-profile-details-container {
        background-color:#FADA5E !important;
        color:black;
}
[data-bs-theme="retro"] .sk-ww-twitch-live-videos {
        background-color:#FADA5E !important;
        color:black;
}
[data-bs-theme="retro"] {
        background-color:#FADA5E;
}
[data-bs-theme="retro"] #content {
        color-scheme: dark;
}

/* Soviet Styling */

[data-bs-theme="soviet"] .jp-interface{
        filter: sepia(0.15);
        background-color:#CC0000;
}
[data-bs-theme="soviet"] .jp-seek-bar{
        filter: invert(1);
        opacity:0.5;
}
[data-bs-theme="soviet"] .jp-play-bar{
        filter: invert(1) saturate(200%) brightness(200%) hue-rotate(200deg);
        opacity:0.5;
}
[data-bs-theme="soviet"] #social-button{
        filter: hue-rotate(0deg);
}
[data-bs-theme="soviet"] #social-button-link{
        filter:  ue-rotate(0deg);
}
[data-bs-theme="soviet"] .bio-container-nl {
        background-color:#FADA5E !important;
        color:#FFD700;
}
[data-bs-theme="soviet"] .bio-title-nl {
        color:#FFD700 !important;
        text-align:center !important;
}
[data-bs-theme="soviet"] .sk-profile-details-container {
        background-color:#CC0000 !important;
        color:#FFD700;
}
[data-bs-theme="soviet"] .sk-ww-twitch-live-videos {
        background-color:#CC0000 !important;
        color:#FFD700;
}
[data-bs-theme="soviet"] {
        background-color:#CC0000;
}
[data-bs-theme="soviet"] #content {
        color-scheme: dark;
}
[data-bs-theme="soviet"] .nav-link {
        color:#CC0000;
}
[data-bs-theme="soviet"] a {
        color:#FFD700;
}
[data-bs-theme="soviet"] a:hover {
        color:#e66000;
}

/* USA Styling */

[data-bs-theme="usa"] .jp-interface{
        filter: sepia(0.15);
        background-color:#CC0000;
}
[data-bs-theme="usa"] .jp-seek-bar{
        filter: invert(1);
        opacity:0.5;
}
[data-bs-theme="usa"] .jp-play-bar{
        filter: invert(1) saturate(200%) brightness(200%) hue-rotate(200deg);
        opacity:0.5;
}
[data-bs-theme="usa"] #social-button{
        animation-name:rainbowlogo;
        animation-duration:3s;
        animation-iteration-count:infinite;
}
@keyframes rainbowlogo {
0% {filter: hue-rotate(0deg)}  
10% {filter: hue-rotate(36deg)}
20% {filter: hue-rotate(72deg)}
30% {filter: hue-rotate(180deg)}
40% {filter: hue-rotate(144deg)}
50% {filter: hue-rotate(180deg)}
60% {filter: hue-rotate(216deg)}
70% {filter: hue-rotate(252deg)}
80% {filter: hue-rotate(288deg)}
90% {filter: hue-rotate(384deg)}
100% {filter: hue-rotate(360deg)}
}
[data-bs-theme="usa"] #social-button-link{
        filter:  hue-rotate(0deg);
}
[data-bs-theme="usa"] .bio-container-nl {
        background-color:#FADA5E !important;
        color:#FFD700;
}
[data-bs-theme="usa"] .bio-title-nl {
        color:#FFD700 !important;
        text-align:center !important;
}
[data-bs-theme="usa"] .sk-profile-details-container {
        background-color:#CC0000 !important;
        color:#FFD700;
}
[data-bs-theme="usa"] .sk-ww-twitch-live-videos {
        background-color:#CC0000 !important;
        color:#FFD700;
}
[data-bs-theme="usa"] {
        background-color:#CC0000;
}
[data-bs-theme="usa"] #content {
        color-scheme: dark;
}
[data-bs-theme="usa"] .nav-link {
        color:#FFF;
}
[data-bs-theme="usa"] a {
        color:#FFD700;
}
[data-bs-theme="usa"] a:hover {
        color:#e66000;
}


/* Canada Styling */

[data-bs-theme="canada"] .jp-interface{
        filter: sepia(0.15);
        background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/fd/Maple_Leaf.svg/1024px-Maple_Leaf.svg.png), linear-gradient(90deg, #ff0000 33%, #FFF 33% 67%, #ff0000 67% 100%) !important;
    background-repeat: no-repeat;
    background-size: 20%, 100%;
    background-position: center;
    background-attachment: fixed;
}
[data-bs-theme="canada"] .jp-seek-bar{
        opacity:0.5;
}
[data-bs-theme="canada"] .jp-play-bar{
        filter: invert(1) saturate(200%) brightness(75%) hue-rotate(200deg);
        opacity:1;
}
[data-bs-theme="canada"] #social-button{
        filter: hue-rotate(0deg);
}
[data-bs-theme="canada"] #social-button-link{
        filter:  ue-rotate(0deg);
}
[data-bs-theme="canada"] .bio-container-nl {
        background-color:#870000 !important;
        color:#000;
}
[data-bs-theme="canada"] .bio-title-nl {
        color:#000 !important;
        text-align:center !important;
}
[data-bs-theme="canada"] .sk-profile-details-container {
        background-color:#870000 !important;
        color:#FFF;
}
[data-bs-theme="canada"] .sk-ww-twitch-live-videos {
        background-color:#870000 !important;
        color:#FFF;
}
[data-bs-theme="canada"] {
        background-color:#870000;
}
[data-bs-theme="canada"] #content {
        color-scheme: light;
}
[data-bs-theme="canada"] .nav-link {
        color:#000;
}
[data-bs-theme="canada"] a {
        color:#FFF;
}
[data-bs-theme="canada"] a:hover {
        color:#cc0000;
}