*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

html,body{
overflow-x:hidden;
}

body{
background:#fce29b;
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
padding:15px;
color:#2d3436;
}

.container{
width:100%;
max-width:420px;
background:#000000;
border-radius:22px;
padding:32px;
text-align:center;
box-shadow:0 20px 40px rgba(0,0,0,0.08);
animation:fadeIn .7s ease;
}

@keyframes fadeIn{
from{
opacity:0;
transform:translateY(20px);
}
to{
opacity:1;
transform:translateY(0);
}
}

.profile-img{
width:160px;
height:160px;
border-radius:50%;
margin-top:20px;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.links{
margin-top:25px;
display:flex;
flex-direction:column;
gap:12px;
}

.link{
display:flex;
align-items:center;
gap:12px;
padding:14px 18px;
border-radius:14px;
text-decoration:none;
font-weight:500;
background:#c69d44;
color:#000000;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
transition:.25s;
border-left:4px solid #000000;
text-align:left;
}

.link:hover{
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.link:active{
transform:scale(0.97);
}

.link i{
font-size:18px;
width:22px;
text-align:center;
}

.footer{
margin-top:28px;
}

.social-icons{
display:flex;
justify-content:center;
gap:18px;
margin-bottom:12px;
}

.social-icons a{
color:#636e72;
font-size:18px;
transition:.25s;
}

.social-icons a:hover{
color:#0984e3;
transform:translateY(-2px);
}

.copyright{
font-size:12px;
color:#95a5a6;
}
@media (max-width:480px){

.container{
padding:25px;
}

.profile-img{
width:130px;
height:130px;
}

.link{
padding:12px 15px;
}

.footer{
margin-top:20px;
}

}