sS hArrows() {
  ret hcss([[
    .arrows {
      position: absolute;
      top:50%;
      left:50%;
      transform: translate(-50%,-50%);
    }
    
    .arrows span {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-bottom: 1px solid blue;
      border-right: 1px solid blue;
      transform:  rotate(180deg);
      margin:-13px;
      animation: animateArrow 2s infinite;
    }
    
    .arrows span:nth-child(2){
      animation-delay: -0.2s;
    }
    
    .box span:nth-child(3){
      animation-delay: -0.4s;
    }
    
  @keyframes animateArrow {
    0%{
      opacity:0;
      transform: rotate(180deg) translate(-20px,-20px);
    }
    
    50%{
      opacity:1;
    }
    100%{
      opacity:2;
      transform: rotate(180deg) translate(20px,20px);
      }
    }
  ]])
  + hdiv(span() + span() + span(), class := "arrows");
}