/* SPINNER */
@-webkit-keyframes spinner {
    from {
      -webkit-transform: rotateY(0deg);
    }

    to {
      -webkit-transform: rotateY(-360deg);
    }
}

@keyframes spinner {
    from {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }

    to {
      -moz-transform: rotateY(-360deg);
      -ms-transform: rotateY(-360deg);
      transform: rotateY(-360deg);
    }
}

#spinner {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 10s;
    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: -1000;
    margin: 1rem;
}

#spinner:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}