.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

@-webkit-keyframes slidingstep1 {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0.2;
  }

  10% {
    opacity: 0.4;
  }

  15% {
    opacity: 0.6;
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

#motornet {
  -webkit-animation-name: slidingstep1;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;


}