@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";section,body{background-color:#282c34;min-height:100vh}h1{color:#fff}:root{--base-bg-color: #282c34;--card-bg-color: #2f3640;--text-color: #ffffff;--icon-color: #ffffff;--accent-color: #ff4081;--animation-duration: .6s}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Poppins,sans-serif;background-color:var(--base-bg-color)}body{display:flex;flex-direction:column;padding-top:65px}header{background-color:var(--base-bg-color);padding:20px;text-align:center;color:var(--text-color);font-size:1.5rem;position:relative}.main-content{display:flex;justify-content:center;align-items:center;flex-grow:1;flex-direction:column;padding:20px;margin-top:40px}.profile-card{background-color:var(--card-bg-color);border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0003;text-align:center;animation:fadeInUp var(--animation-duration) ease-in-out;transition:transform .3s}.pfp-container{width:150px;height:150px;margin:0 auto 20px;border-radius:50%;overflow:hidden;box-shadow:0 0 15px #0000004d;animation:popIn var(--animation-duration) ease-in-out}.pfp{width:100%;height:100%;object-fit:cover}.name{font-size:2rem;color:var(--text-color);margin-bottom:.5rem}.social-icons{margin-top:20px;display:flex;justify-content:center;gap:15px}.social-icons a{color:var(--icon-color);font-size:1.5rem;transition:color .3s ease}.social-icons a:hover{color:var(--accent-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.profile-card{padding:1.5rem}.name{font-size:1.75rem}.social-icons a{font-size:1.3rem}}