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

   Version: 1.0
   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(0.5);
  }
  100% {
    opacity: 0.85;
    transform: scale(1);
  }
}

@keyframes nebula {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
    opacity: 0.85;
  }
  25% {
    transform: translate(5px, 15px) rotate(4deg) scale(0.9);
    opacity: 0.75;
  }
  50% {
    transform: translate(12px, 8px) rotate(-3deg) scale(0.95);
    opacity: 0.95;
  }
  75% {
    transform: translate(-9px, -6px) rotate(-7) scale(0.89);
    opacity: 0.8;
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
    opacity: 0.85;
  }
}

@keyframes logo {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.9;
  }
  26% {
    opacity: 0;
  }
  28% {
    opacity: 1;
  }
  29% {
    opacity: 0;
  }
  30% {
    opacity: 0.8;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.9;
  }
  51% {
    opacity: 0;
  }
  52% {
    opacity: 0.9;
  }
  53% {
    opacity: 0.2;
  }
  54% {
    opacity: 1;
  }
  55% {
    opacity: 0;
  }
  56% {
    opacity: 0.9;
  }
  60% {
    opacity: 0.7;
  }
  70% {
    opacity: 0.9;
  }
  80% {
    opacity: 0;
  }
  81% {
    opacity: 1;
  }
  82% {
    opacity: 0;
  }
  83% {
    opacity: 0.9;
  }
  84% {
    opacity: 0;
  }
  90% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}

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

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

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

@keyframes frameglow {
  0% {
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 6px 1px rgba(230, 240, 240, 0.4);
  }
  50% {
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 10px 2px rgba(230, 240, 240, 0.5);
  }
  100% {
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 6px 1px rgba(230, 240, 240, 0.4);
  }
}