@-webkit-keyframes rotar {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -1440deg);
    transform: rotate3d(0, 0, 1, -1440deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotar {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -1440deg);
    transform: rotate3d(0, 0, 1, -1440deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotar {
  -webkit-animation-name: rotar;
  animation-name: rotar;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
@-webkit-keyframes aparecer {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes aparecer {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.aparecer {
  -webkit-animation-name: aparecer;
  animation-name: aparecer;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

#logo {
  position: absolute;
  top: 10em;
  left: 3em;
}
#img-logo {
  float: left;
}
#texto-logo {
  font-family: normal;
  font-size: 250%;
  color: #FFCE00;
  position: absolute;
  left: 4.3em;
  bottom: 0.6em;
  letter-spacing: -2px;
  width: 20em;
}
#nombre-logo {
  position: relative;
  left: 1.5em;
  top: 1.4em;
}