.typing-effect{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid white;animation:typing 3s steps(40,end),blink .75s infinite}.group:hover .relative{color:#fff}@keyframes typing{0%{width:0;opacity:0;transform:translateY(20px)}to{width:100%;opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#fff}}.animate-fade-in-up{animation:fadeInUp 1s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mouse{width:1.5rem;height:2.5rem;border:2px solid rgba(255,255,255,.8);border-radius:1.25rem;position:relative;display:flex;justify-content:center;padding-top:.5rem;box-shadow:0 0 10px #fff3;transition:all .3s ease}.mouse:hover{border-color:#a5b4fccc;box-shadow:0 0 15px #a5b4fc66}.mouse-wheel{width:.2rem;height:.5rem;background-color:#ffffffe6;border-radius:.25rem;animation:scroll-wheel 2s infinite;transition:all .3s ease}.mouse:hover .mouse-wheel{background-color:#a5b4fce6}@keyframes scroll-wheel{0%{transform:translateY(0);opacity:1}50%{transform:translateY(.3rem);opacity:.8}to{transform:translateY(0);opacity:1}}.animate-bounce{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}