#hero:before{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cpattern%20id='a'%20width='21'%20height='21'%20patternUnits='userSpaceOnUse'%3e%3cpath%20fill='none'%20stroke='hsla(360,%2059%25,%2059%25,%200.5)'%20stroke-linecap='square'%20stroke-width='.5'%20d='M3.75%2010h13.5M10.5%203.25v13.5'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='800%25'%20height='800%25'%20fill='url(%23a)'%20transform='translate(-20%20-19)'/%3e%3c/svg%3e") 0 0 repeat}#hero-title{font-family:ibm-retro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#d8d8d8;background:linear-gradient(45deg,#d8d8d8,#15803d,#d8d8d8 66%,#15803d);background-size:400% 400%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:hero-anim 6s ease-in infinite}#hero-title:hover{animation-play-state:paused}@keyframes hero-anim{0%{background-position:100% 0%}to{background-position:15% 100%}}