@font-face{font-family:Porkys;src:url(/fonts/Porkys.TTF) format("truetype");font-weight:400;font-style:normal}body{font-family:"Aptos Black, sans-serif"}.hover-effect{display:inline-block;font-size:36px}.hover-letter{display:inline-block;transition:color .15s ease-in-out}.hover-effect:hover .hover-letter{animation:colorChange 4s forwards}@keyframes colorChange{0%,to{color:#0f9ed5}12.5%{color:#e54792}25%{color:#0f9ed5}37.5%{color:#e54792}50%{color:#0f9ed5}62.5%{color:#e54792}75%{color:#0f9ed5}87.5%{color:#e54792}}.hover-effect:hover .hover-letter:first-child{animation-delay:0s}.hover-effect:hover .hover-letter:nth-child(2){animation-delay:.15s}.hover-effect:hover .hover-letter:nth-child(3){animation-delay:.3s}.hover-effect:hover .hover-letter:nth-child(4){animation-delay:.45s}.hover-effect:hover .hover-letter:nth-child(5){animation-delay:.6s}.hover-effect:hover .hover-letter:nth-child(6){animation-delay:.75s}.hover-effect:hover .hover-letter:nth-child(7){animation-delay:.9s}.hover-effect:hover .hover-letter:nth-child(8){animation-delay:1.05s}