body {
background-color: #f0f2f5;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
font-family: sans-serif;
}
.card {
background: rgb(26, 255, 0);
padding: 30px;
border-radius: 20px;
text-align: center;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
width: 300px;
}
.card img {
width: 120px;
border-radius: 50%;
border: 5px solid #6c63ff;
}
.links a {
display: block;
background: #6c63ff;
color: white;
margin: 10px 0;
text-decoration: none;
border-radius: 5px;
transition: transform 0.2s;
}
.links a:hover {
transform: scale(1.05);
}