/* ----------------------------------------------------
   Animation Styles for "shedlabsrecords.com"
   Copyright Shedlabs Records 2023, All Rights Reserved.

   Author: Jonathon Pratt
   URL: www.jonathonpratt.com
---------------------------------------------------- */

@keyframes pageLoader {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@keyframes pageLoaded {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes bgIntro {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes bg {
    0% {transform: scale(1.3) rotate(0deg) translate(0px, 0px); }
    25% {transform: scale(1.7) rotate(10deg) translate(5px, 10px); }
    50% {transform: scale(1.6) rotate(0deg) translate(-5px, 0px); }
    75% {transform: scale(1.8) rotate(-10deg) translate(0px, -10px); }
    100% {transform: scale(1.3) rotate(0deg) translate(0px, 0px); }
}

@keyframes nebulaIntro {
    0% {opacity: 0; transform: scale(.50);}
    100% {opacity: .85; transform: scale(1);}
}

@keyframes nebula {
    0% {transform: translate(0px, 0px) rotate(0deg) scale(1); opacity:.85;}
    25% {transform: translate(5px, 15px) rotate(4deg) scale(.9); opacity: .75;}
    50% {transform: translate(12px, 8px) rotate(-3deg) scale(.95); opacity: .95;}
    75% {transform: translate(-9px, -6px) rotate(-7) scale(.89); opacity: .80;}
    100% {transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: .85;}
}

@keyframes logo {
  0% {opacity: 0}
  25% {opacity: .9}
  26% {opacity: 0}
  28% {opacity: 1}
  29% {opacity: 0}
  30% {opacity: .8}
  40% {opacity: .5}
  50% {opacity: .9}
  51% {opacity: 0}
  52% {opacity: .9}
  53% {opacity: .2}
  54% {opacity: 1}
  55% {opacity: 0}
  56% {opacity: .9}
  60% {opacity: .7}
  70% {opacity: .9}
  80% {opacity: 0}
  81% {opacity: 1}
  82% {opacity: 0}
  83% {opacity: .9}
  84% {opacity: 0}
  90% {opacity: .9}
  100% {opacity: 0}

}

@keyframes pulse {
    0%  {border: 1px solid rgba(122, 20, 226, .3); box-shadow: 0px 0px 12px 1px rgba(122, 20, 226, .3);}
    50%  {border: 1px solid rgba(122, 20, 226, .5); box-shadow: 0px 0px 17px 2px rgba(122, 20, 226, .6);}
    100%   {border: 1px solid rgba(122, 20, 226, .3); box-shadow: 0px 0px 12px 1px rgba(122, 20, 226, .3);}
  }

@keyframes navPulse {
    0%  {border: 1px solid rgba(200, 200, 200, .5);}
    50%  {border: 1px solid rgba(255, 255, 255, 1);}
    100%   {border: 1px solid rgba(200, 200, 200, .5);}
  }

@keyframes navPulseHover {
    0%  {border: 1px solid rgba(122, 20, 226, .3);}
    50%  {border: 1px solid rgba(122, 20, 226, 1);}
    100%   {border: 1px solid rgba(122, 20, 226, .3);}
  }