#id_logoSCi {
    transform-style: preserve-3d;
    animation: logoSC1 8s ease-in-out;
    opacity: 1;
  }
  @keyframes logoSC1 {
    0% {
      opacity: 0;
      transform: rotateY(90deg);
    }
    25% {
      opacity: 0.5;
      transform: rotateX(-200deg) translateZ(150px);
    }
    50% {
      opacity: 1;
      transform: rotateX(45deg) translateY(100px);
    }
    70% {
      opacity: 1;
      transform: rotateX(180deg) rotateY(360deg);
    }
    85% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      transform: rotateY(360deg);
    }
  }
  .cl_logoSC {
    height: 70px;
    width: 70px;
  }