body{
background:#0a0a0a;
color:white;
font-family:Arial;
margin:0;
}

.container{
max-width:900px;
margin:auto;
padding:40px;
text-align:center;
}

.card{
background:#111;
padding:40px;
border-radius:25px;
box-shadow:0 0 30px rgba(255,0,0,0.1);
animation:fade 1s ease;
}

.avatar{
width:160px;
height:160px;
border-radius:50%;
object-fit:cover;
border:3px solid #ff0000;
margin-bottom:20px;
}

h1{
margin:10px;
}

.desc{
color:#aaa;
}

.links{
margin-top:20px;
}

.links a{
display:inline-block;
margin:10px;
padding:10px 20px;
border-radius:20px;
background:#1a1a1a;
color:white;
text-decoration:none;
transition:0.3s;
}

.links a:hover{
background:#ff0000;
transform:scale(1.1);
}

.gallery-title{
margin-top:60px;
}

.gallery{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
margin-top:20px;
}

.gallery img{
width:100%;
border-radius:20px;
transition:0.4s;
cursor:pointer;
}

.gallery img:hover{
transform:scale(1.05);
box-shadow:0 0 20px red;
}

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