div{
    text-align: center;
    padding-top: 250px;
    color: #666666;
    font-size: 50px;
    font-family: monospace;
}

.loading:after {
    content: '.';
    animation: dots 1s steps(5, end) infinite;}
  
@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: #666666;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 #666666,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 #666666,
      .5em 0 0 #666666;}}

body{
    background-color: #f5f5f5;
}