/*animação*/
.bg {
    left: -50%;
    right: -50%;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(-60deg, #510101 50%, #181717 50%);
    position: fixed;
    z-index: -1;
    opacity: .7;
    animation: slide 4s ease-in-out infinite alternate;
}

.bg2 {
    animation-direction: alternate-reverse;
    animation-duration: 5s;
}

.bg3 {
    animation-duration: 6s;
}

@keyframes slide {
    0% {
        transform: translateX(-20%);
    }

    100% {
        transform: translateX(20%);
    }
}

/*fim animação fundo*/

/*TODO : daria pra tirar essa pra facilitar */
/* Animação robo */
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-20px);
  }
}

@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }
}