body{font-family:Fira Code,monospace;height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.skillCard{width:20rem;height:20rem}.skillCard i{font-size:5rem}i{color:#000}.cursor-blink:after{content:"|";animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.skillCard{transition:transform .3s ease,color .3s ease;font-size:2rem}.skillCard:hover{transform:scale(1.1) rotate(2deg)}.terminal-input{position:fixed;bottom:20px;right:20px;width:500px;padding:10px 15px;background-color:#0d1117;color:#0f0;font-size:.9rem;border-radius:5px;outline:none;z-index:1000}.terminal-input::placeholder{color:#555}section.d-flex{flex-wrap:wrap;gap:1rem}.skillCard{width:100%;max-width:300px;margin:0 auto}.skillCard i{font-size:clamp(2.5rem,5vw,5rem)}@media (max-width: 768px){.terminal-input{width:90vw;font-size:.85rem;bottom:10px;right:5vw}h1,h3{font-size:1.5rem}}@media (max-width: 480px){h1{font-size:1.3rem}h3{font-size:1rem}.skillCard{max-width:90%}.terminal-input{font-size:.75rem;padding:8px 12px}}@media (max-width: 768px){body.input-focused .terminal-input{bottom:50%;transform:translateY(50%)}}