@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;900&display=swap";:root{--cherry-blossom-pink: #edafb8ff;--champagne-pink: #f7e1d7ff;--timberwolf: #dedbd2ff;--ash-gray: rgb(133, 154, 134);--outer-space: #4a5759ff}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background-color:var(--champagne-pink);font-family:Poppins,Inter,Segoe UI,Roboto,sans-serif;color:var(--outer-space);line-height:1.6}.container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.profile-header{display:flex;align-items:center;gap:3rem;padding:3rem;background-color:var(--timberwolf);border-radius:20px;box-shadow:0 8px 24px #00000014;transition:all .3s ease;max-width:1100px;width:100%}.profile-header:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f}.profile-image{flex-shrink:0;height:400px;width:400px;border-radius:16px;object-fit:cover;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease}.profile-image:hover{transform:scale(1.05)}.profile-content{flex:1;min-width:300px;max-width:650px}.name{font-size:3.7rem;font-weight:800;margin:0;color:var(--outer-space)}.tagline{font-size:1.3rem;font-style:oblique;color:var(--ash-gray);margin-top:.2rem;margin-bottom:1rem}.fun-description{color:var(--outer-space);margin-top:.8rem;font-style:italic;font-size:1rem;margin-bottom:2rem;word-spacing:1px}.links{display:flex;flex-wrap:wrap;gap:.6rem}.links a{background-color:transparent;color:var(--ash-gray);text-decoration:none;font-weight:400;font-size:1rem;padding:.5rem .9rem;border-radius:999px;border:1.5px solid var(--ash-gray);display:inline-flex;align-items:center;gap:.4rem;transition:all .2s ease;white-space:nowrap}.links a:hover{box-shadow:0 2px 10px #edafb84d;transform:translateY(-2.5px)}@media (max-width: 900px){.profile-header{flex-direction:column;text-align:center;gap:2rem}.container{display:flex;align-items:center;padding-top:10%;padding-bottom:50%}.profile-image{width:60%;max-width:240px;height:auto;aspect-ratio:1 / 1}.profile-content{max-width:90%}.name{font-size:1.7rem}.tagline{font-size:1rem}.fun-description{font-size:.8rem}.links{justify-content:center}.links a{font-size:.8rem;padding:.3rem .5rem}}
