sS hArrows() {
  ret hcss([[
    .arrows {
      position: absolute;
      top: 100;
      left: 100;
      transform: translate(-50%,-50%);
    }
    
.arrows span{
  display: inline-block;
  width: 20px;
  height: 20px;
  border-bottom: 3px solid blue;
  border-right: 3px solid blue;
  transform:  rotate(45deg);
  margin:-13px;
  animation: animateArrow 2s infinite;
}

.arrows span:nth-child(2){
  animation-delay: -0.1s;
  
}

.arrows span:nth-child(3){
  animation-delay: -0.3s;
  
}


  @keyframes animateArrow {
  
  0%{
    opacity:0;
    transform: rotate(45deg) translate(-20px,-20px);
  }
  
  50%{
    opacity:1;
  }
  100%{
    opacity:2;
    transform: rotate(45deg) translate(20px,20px);
    }
  }
  
 ]])
  + hdiv(linesLL(span(), span(), span()), class := "arrows");
}