@import url(https://fonts.googleapis.com/css?family=Lato:100);
.hr{display:block;height:1px;margin-bottom:0;padding:1em 0;position:relative;width:100%}.hr:after,.hr:before{bottom:50%;content:"";height:1px;left:0;position:absolute;width:100%}.hr:before{background:linear-gradient(90deg,var(--main-content-bg) 0,var(--main-content-bg) 50%,transparent 50%,transparent 100%);background-position:50%;background-size:20px;z-index:1}.hr:after{animation:bar 15s linear infinite;background:linear-gradient(90deg,#62efab 5%,#f2ea7d 15%,#f2ea7d 25%,#ff8797 35%,#ff8797 45%,#e1a4f4 55%,#e1a4f4 65%,#82fff4 75%,#82fff4 85%,#62efab 95%);background-position:0;background-size:200%;transition:opacity .3s ease,animation .3s ease}@keyframes bar{0%{background-position:0}to{background-position:200%}}.hr.anim:before{animation:bar 120s linear infinite;background:linear-gradient(90deg,var(--main-content-bg) 0,var(--main-content-bg) 5%,transparent 5%,transparent 10%,var(--main-content-bg) 10%,var(--main-content-bg) 15%,transparent 15%,transparent 20%,var(--main-content-bg) 20%,var(--main-content-bg) 25%,transparent 25%,transparent 30%,var(--main-content-bg) 30%,var(--main-content-bg) 35%,transparent 35%,transparent 40%,var(--main-content-bg) 40%,var(--main-content-bg) 45%,transparent 45%,transparent 50%,var(--main-content-bg) 50%,var(--main-content-bg) 55%,transparent 55%,transparent 60%,var(--main-content-bg) 60%,var(--main-content-bg) 65%,transparent 65%,transparent 70%,var(--main-content-bg) 70%,var(--main-content-bg) 75%,transparent 75%,transparent 80%,var(--main-content-bg) 80%,var(--main-content-bg) 85%,transparent 85%,transparent 90%,var(--main-content-bg) 90%,var(--main-content-bg) 95%,transparent 95%,transparent 100%);background-position:50%;background-size:200px;z-index:1}.hr.anim:hover:before{animation-duration:15s}.hr.anim:hover:after{animation-duration:2s}