@keyframes reveal{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:reveal 1s ease-out forwards}.reveal-delay{animation-delay:1s}.grow{animation:grow 3s ease-out forwards}@keyframes grow{0%{transform:scale(0)}to{transform:scale(1)}}.bounce-in-right{animation:bounce-in-right 2s ease-out forwards}@keyframes bounce-in-right{0%{opacity:0;transform:translate(2000px)}60%{opacity:1;transform:translate(-30px)}80%{transform:translate(10px)}to{transform:translate(0)}}.bounce-in-left{animation:bounce-in-left 2s ease-out forwards}@keyframes bounce-in-left{0%{opacity:0;transform:translate(-2000px)}60%{opacity:1;transform:translate(30px)}80%{transform:translate(-10px)}to{transform:translate(0)}}.roll-in{animation:roll-in 2s ease-out}@keyframes roll-in{0%{opacity:0;transform:translate(-100%) rotate(-120deg)}to{opacity:1;transform:translate(0) rotate(0)}}.bounce2{animation:bounce2 2s ease infinite}@keyframes bounce2{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce1{animation:bounce2-down 2s ease infinite}@keyframes bounce2-down{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(30px)}60%{transform:translateY(15px)}}.hithere{animation:hithere 1s ease-out}@keyframes hithere{30%{transform:scale(1.2)}40%,60%{transform:rotate(-20deg) scale(1.2)}50%{transform:rotate(20deg) scale(1.2)}70%{transform:rotate(0) scale(1.2)}to{transform:scale(1)}}.scroll-link{cursor:pointer}body{font-family:Inter,sans-serif}.skill-card{transition:transform .2s}.skill-card:hover{transform:scale(1.05);background-color:#c89f72}.project-card{transition:transform .2s}.project-card:hover{transform:scale(1.05)}