.rainbow{animation:slide 1s linear 0s infinite alternate;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(45deg,#f0f,orange,cyan);background-size:500%;color:transparent}@keyframes slide{0%{background-position:0 0}to{background-position:100% 0}}.hover{--b:.1em;--c:#235e72;background:linear-gradient(var(--c) 50%,#000 0) 0 calc(100% - var(--_p,0%))/100% 200%,linear-gradient(var(--c) 0 0) 0 var(--_p,0)/var(--_p,0) var(--b) no-repeat;-webkit-background-clip:text,padding-box;background-clip:text,padding-box;color:#0000;padding-block:var(--b);transition:.3s var(--_s,0s) linear,background-size .3s calc(.3s - var(--_s,0s))}.hover:hover{--_p:100%;--_s:.3s}.wrapper{height:calc(100vh - 50px)}.wrapper,.wrapper .content{align-items:center;display:flex;justify-content:center}.wrapper .content{flex-direction:column}.content{padding-top:20px}*{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}