@keyframes logoEnter {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
}
@keyframes logoEnterv2 {
  0% {
    opacity: 0;
    transform: translateY(20%) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translateY(0%) scale(1);
  }
}
@keyframes logoEnterImg {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes menuEnter {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes animateBGColones {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 300px 0px;
  }
}

@keyframes loader {
  0% {
    transform : translateX(61px);
    opacity: 0
  }
  30% {
    opacity: 1
  }
  70% {
    opacity: 1
  }
  100% {
    transform : translateX(0px);
    opacity: 0
  }
}