div.root {
  border: 0px solid #000000;
  width: auto;
  height: 100%;
  position: relative;
}

.root h1 { 
  font-size: 300%;
  font-family: 'arial', sans-serif;
  color: #000000;
}

div.pleasewait {
  border: 0px solid #000000;
  position: absolute;
  top: 20%;
  left: 10%;
}

span.loading {
  border: 0px solid #000000;
  transform: rotateY( 180deg );
}

.loading span {
    display: inline-block;
    margin: 0 -.05em;
    animation: loading 1.7s infinite;
  }
  .loading span:nth-child(2) {
    animation-delay: .1s;
  }
  .loading span:nth-child(3) {
    animation-delay: .2s;
  }
  .loading span:nth-child(4) {
    animation-delay: .3s;
  }
  .loading span:nth-child(5) {
    animation-delay: .4s;
  }
  .loading span:nth-child(6) {
    animation-delay: .5s;
  }
  .loading span:nth-child(7) {
    animation-delay: .6s;
  }
  @keyframes loading {
    0%, 50%, 100% {
      transform: translateY(0);
    }
    75% {
      transform: translateY(-15px);
    }
  }