.mainClass{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:10px;box-sizing:border-box}.profile{margin:5%;display:flex;align-items:center;justify-content:center;gap:80px;max-width:1400px;width:100%;box-sizing:border-box}img{max-width:350px;width:40%;height:auto;border-radius:40%;display:block;box-shadow:15px 15px 30px #000c;flex-shrink:1}.profileContent{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:1;min-width:0}h1,h2{font-family:Courier New,monospace;margin:10px;color:#e8e8e8;text-shadow:0 0 10px rgba(255,0,80,.8),0 0 20px rgba(255,0,80,.6),0 0 30px rgba(255,0,80,.4),0 0 5px rgba(0,255,255,.5),3px 3px 8px rgba(0,0,0,.9),5px 5px 15px rgba(0,0,0,.7);letter-spacing:1px;text-align:center}h1{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;white-space:nowrap}h2{font-size:clamp(.9rem,2.5vw,1.5rem);font-weight:600;color:#d8d8d8;white-space:nowrap}h3{font-family:Courier New,monospace;font-size:clamp(.7rem,1.8vw,.95rem);font-weight:400;color:#b8b8b8;margin:5px 10px;text-align:center;text-shadow:0 0 5px rgba(255,0,80,.4),2px 2px 4px rgba(0,0,0,.8);letter-spacing:.5px;line-height:1.4;max-width:550px}.icons{margin-top:20px;width:100%;display:flex;justify-content:space-evenly;gap:15px;flex-wrap:wrap}.icons a{transition:all .3s ease;filter:drop-shadow(0 0 8px rgba(255,0,80,.5)) drop-shadow(3px 3px 6px rgba(0,0,0,.8));position:relative}.icons a svg{filter:drop-shadow(0 0 3px rgba(255,0,80,.8))}.icons a:hover{transform:scale(1.2) translateY(-5px);filter:drop-shadow(0 0 15px rgba(255,0,80,1)) drop-shadow(0 0 25px rgba(0,255,255,.6)) drop-shadow(5px 5px 10px rgba(0,0,0,.9))}@media screen and (max-width:900px){.profile{gap:40px}img{max-width:280px;width:35%}}@media screen and (max-width:768px){.mainClass{padding:5px}.profile{flex-direction:column;justify-content:center;gap:30px;margin:20px auto;max-width:340px}img{max-width:200px;width:60%;order:-1}h1{font-size:clamp(1.2rem,5vw,1.8rem);text-align:center}h2{font-size:clamp(.9rem,4vw,1.2rem);text-align:center}.icons{gap:20px;margin-top:15px}}@media screen and (max-width:375px){.profile{max-width:320px;gap:20px;margin:15px auto}img{max-width:160px;width:55%}h1{font-size:1.3rem;letter-spacing:.5px}h2{font-size:1rem}.icons{gap:15px}}
