div#wave {
   transform: rotate(90deg);
   margin-bottom: 30px;
}

div#wave .dot {
   display: inline-block;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   margin-right: 3px;
   background: #303131;
   animation: wave 2s linear infinite;
}

div#wave .dot:nth-child(2) {
   animation-delay: -1.8s;
}

div#wave .dot:nth-child(3) {
   animation-delay: -1.5s;
}

div#wave .dot:nth-child(4) {
   animation-delay: -1.2s;
}

div#wave .dot:nth-child(5) {
   animation-delay: -0.9s;
}

@keyframes wave {

   0%,
   60%,
   100% {
      opacity: 0;
   }

   30% {
      opacity: 1;
   }
}