@keyframes entrada {
 0% {
  transform: scale(0);
 }

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

@keyframes among {

 0%,
 100% {
  background-color: red;
  opacity: 0.0;
 }

 10% {
  background-color: blue;
  opacity: 0.0;
 }

 20% {
  background-color: aqua;
  opacity: 0.0;
 }

 30% {
  background-color: yellow;
  opacity: 0.0;
 }

 40% {
  background-color: purple;
  opacity: 0.0;
 }

 50% {
  background-color: green;
  opacity: 0.0;
 }

 60% {
  background-color: orange;
  opacity: 0.0;
 }

 70% {
  background-color: rgb(255, 71, 102);
  opacity: 0.0;
 }

 80% {
  background-color: royalblue;
  opacity: 0.0;
 }

 90% {
  background-color: rgb(123, 255, 0);
  opacity: 0.0;
 }
}

@keyframes maneiro {

 0%,
 100% {
  background-color: aqua;
  opacity: 0.0;
 }

 10% {
  background-color: yellow;
  opacity: 0.0;
 }

 20% {
  background-color: rgb(123, 255, 0);
  opacity: 0.0;
 }

 30% {
  background-color: blue;
  opacity: 0.0;
 }

 40% {
  background-color: red;
  opacity: 0.0;
 }

 50% {
  background-color: rgb(255, 71, 102);
  opacity: 0.0;
 }

 60% {
  background-color: green;
  opacity: 0.0;
 }

 70% {
  background-color: royalblue;
  opacity: 0.0;
 }

 80% {
  background-color: orange;
  opacity: 0.0;
 }

 90% {
  background-color: purple;
  opacity: 0.0;
 }
}

@keyframes danceAnimation {
 50% {
  left: -90%;
 }
}