html,body{
    height: 100%;
    margin: 0;
    padding: 0;
  }
  #loading{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
  }
  #loading>img{
    width: 200px;
    height: 200px;
    border-radius: 50%;
  }
  #loading>.welcome{
    margin-top: 100px;
    font-size: 30px;
  }

.single{
    display: inline-block;
    animation:move 1s infinite;
}

.single:nth-child(10n+2){
    animation-delay: 0.1s;
}
.single:nth-child(10n+3){
    animation-delay: 0.2s;
}
.single:nth-child(10n+4){
    animation-delay: 0.3s;
}
.single:nth-child(10n+5){
    animation-delay: 0.4s;
}
.single:nth-child(10n+6){
    animation-delay: 0.5s;
}
.single:nth-child(10n+7){
    animation-delay: 0.6s;
}
.single:nth-child(10n+8){
    animation-delay: 0.7s;
}
.single:nth-child(10n+9){
    animation-delay: 0.8s;
}
.single:nth-child(10n+10){
    animation-delay: 0.9s;
}

@keyframes move {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-25px);
  }
  100% {
    transform: translateY(0px);
  }
}