#sprites {
  position: absolute;
  top: 27pc;
}

#somosAlvart {
  position: absolute;
  width: 550px;
  left: 70%;
}

#carXXL {
  top: 35pc;
  z-index: 1;
  position: absolute;
  animation-name: carXXL;
  animation-duration: 10s;
  animation-iteration-count: 40;
  animation-timing-function: linear;
}

#carXL {
  top: 39pc;
  z-index: 1;
  position: absolute;
  animation-name: carXL;
  animation-duration: 10s;
  animation-iteration-count: 40;
  animation-timing-function: linear;
}

#carLG {
  top: 41pc;
  z-index: 1;
  position: absolute;
  animation-name: carLG;
  animation-duration: 10s;
  animation-iteration-count: 40;
  animation-timing-function: linear;
}

#carMD {
  top: 44pc;
  z-index: 1;
  position: absolute;
  animation-name: carLG;
  animation-duration: 10s;
  animation-iteration-count: 40;
  animation-timing-function: linear;
}

#carSM {
  top: 52pc;
  z-index: 1;
  position: absolute;
  animation-name: carSM;
  animation-duration: 10s;
  animation-iteration-count: 40;
  animation-timing-function: linear;
}

#carXS {
  top: 68pc;
  z-index: 1;
  position: absolute;
  animation-name: carXS;
  animation-duration: 10s;
  animation-iteration-count: 40;
  animation-timing-function: linear;
}

#yayo {
  top: -3pc;
  left: 45%;
  z-index: 0;
  position: absolute;
  animation-name: yayo;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#PulseFlash {
  animation-name: PulseFlash;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

#PulseFlashtu {
  animation-name: PulseFlashtu;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

#modal-Plataformas {
  animation-name: fadePlataformas;
  animation-duration: 0.3s;
  animation-timing-function: linear;
}

@keyframes carXXL {
  0% {
    left: 5%;
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    left: 75%;
    opacity: 0;
  }
}

@keyframes carXL {
  0% {
    left: 5%;
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    left: 75%;
    opacity: 0;
  }
}

@keyframes carLG {
  0% {
    left: 5%;
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    left: 75%;
    opacity: 0;
  }
}

@keyframes carMD {
  0% {
    left: 5%;
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    left: 75%;
    opacity: 0;
  }
}

@keyframes carSM {
  0% {
    left: 5%;
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    left: 75%;
    opacity: 0;
  }
}

@keyframes carXS {
  0% {
    left: 5%;
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    left: 75%;
    opacity: 0;
  }
}

@keyframes fadePlataformas {
  0% {
    opacity: 0%;
  }
  100% {
    opacity: 100%;
  }
}

@keyframes PulseFlash {
  0% {
    background-color: rgb(255,0,0);
  }
  50% {
    background-color: rgb(18,10,69);
  }
  100% {
    background-color: rgb(255,0,0);
  }
}

@keyframes PulseFlashtu {
  0% {
    background-color: rgb(0,208,121);
  }
  50% {
    background-color: rgb(0,146,208);
  }
  100% {
    background-color: rgb(0,208,121);
  }
}

#FadeRed {
  animation-name: fadeRed;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

@keyframes fadeRed {
  0% {
    background-color: red;
  }
  100% {
    background-color: white;
  }
}