/*movimiento de logo*/
.logo {
  height: 100px;
  transform-style: preserve-3d;
  animation: spin 5s linear infinite; /* Aquí configuramos la animación */
}

@keyframes spin {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}

/*estilo texto*/

@keyframes changeColor {
  0% {
    color: #FB9F0F;
  }
  50% {
    color: #FF5733;
  }
  100% {
    color: #FB9F0F;
  }
}

.p {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  animation: changeColor 3s infinite;
}

/*imagen fondo */
#caja{
  background-position: center;
  background-size: cover;
}