body.rain {

}

body.rain hr.hrrain {
    width: 50px;
    border-color: transparent;
    border-right-color: rgba(0, 140, 255, 0.4);
    border-right-width: 50px;
    /*position: absolute;*/
    position: fixed;
    bottom: 100%;
    transform-origin: 100% 50%;
    animation-name: rain;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    z-index: 1;
}

@keyframes rain {
    from {
        transform: rotate(105deg) translateX(0);
    }
    to {
        transform: rotate(105deg) translateX(calc(100vh + 20px));
    }
}