:root {
     /* ==================== CORE CUSTOMIZABLE COLORS ==================== */
     --bs-body-bg: #0a0a0a;
     --bs-body-color: #e8e8e8;
     --bs-primary: #b8b8b8;
     --bs-secondary: #3a3a3a;
     --bs-accent: #6e6e6e;
     --bs-metal-dark: #111111;
     --bs-metal-mid: #1f1f1f;
     --bs-metal-light: #2e2e2e;
     --bs-metal-shine: #4a4a4a;
     --bs-border-color: #444444;
     --bs-link-color: #b8b8b8;
     --ai-plus-lightblue: #00bfff;
     --ai-plus-lighterblue: rgb(185, 251, 253);
     --ai-plus-lightgreen: rgb(13, 212, 129);
     --ai-plus-darkgreen: rgb(18, 98, 33) ;
     --ai-plus-darkblue: rgb(1, 61, 87);
     --ai-plus-indigo:rgba(63, 72, 204, 0.451);
          --ai-plus-darkindigo:rgb(127, 119, 221);
     --ai-plus-beige: #e9dfc0;
 }



@keyframes glow-light-flicker {
    
0% {
     box-shadow: 2px 2px 500px   hsl(0, 0%, 57%);
}
15%{
     box-shadow: 2px 2px 2px #ffffff;
     border: 2px dotted lightblue;
}
50%{
}
93%{  
     box-shadow: 2px 2px 2px #ffffff;
}
100%{

      box-shadow: 2px 2px 50px   hsl(290, 75%, 81%) , 2px 2px 50px   hsl(180, 97%, 46%);

}

}


@keyframes glow-light {
    
0% {
     box-shadow: 2px 2px 10px 10px #3dc9fbab;   
}

50%{
        box-shadow: 0px -20px 50px 50px #fbffff;
}
93%{  
     box-shadow: 0px -20px 200px 50px #fbffff;
}
100%{
          box-shadow: 0px -20px 200px 82px   hsl(172, 100%, 48%);
                                        
}

}





@keyframes glow {
    
0% {
     box-shadow: 2px 2px 50px   hsl(290, 49%, 57%) , 2px 2px 50px   hsl(290, 50%, 56%);
}

50%{
     box-shadow: 2px 2px 2px #ffffff;
}
100%{
     box-shadow: 20px 20px 1px 2px #ffffff;
}

}





 .glow {
     animation: glow 1s alternate infinite;
 }
.glow-light{    animation: glow-light  alternate  2s infinite; }
.glow-light-flicker{    animation: glow-light-flicker .04s alternate infinite; }
 .glow-project{
    animation: glow-project 3s ease-in-out infinite;
 }