html,body{font-family:Inter,sans-serif;height:100%}app-root{display:flex;flex-direction:column;min-height:100vh}router-outlet+*{flex:1}html{scroll-behavior:smooth}.about:before,.about:after,.project:before,.project:after{z-index:0;will-change:transform;transition:transform 1.2s cubic-bezier(.22,1,.36,1),opacity .6s ease,filter .6s ease}.about:hover:before,.about:hover:after{transform:scale(1.08) translateY(10px);opacity:.7}.project:hover:before,.project:hover:after{transform:scale(1.1) translate(12px)}.about:hover:before,.project:hover:before{filter:drop-shadow(0 20px 40px rgba(108,142,240,.35))}@keyframes float{0%{transform:translateY(0) scale(.9) rotate(-20deg)}50%{transform:translateY(-20px) scale(1) rotate(-15deg)}to{transform:translateY(0) scale(.9) rotate(-20deg)}}.about:before{animation:float 6s ease-in-out infinite}.project:before{animation:float 7.5s ease-in-out infinite}