body{

margin:0;
font-family:Arial, sans-serif;

background:#fff7ed;

color:#333;

}



header{

background:#ff9f43;

padding:25px;

text-align:center;

color:white;

}



.welcome{

text-align:center;

padding:30px;

}



.title{

text-align:center;

margin-top:40px;

}



.profile-container{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(160px,1fr));

gap:25px;

padding:20px;

}



.profile-card{

background:white;

border-radius:25px;

padding:20px;

text-align:center;

text-decoration:none;

color:#333;

box-shadow:
0 5px 15px rgba(0,0,0,.15);

transition:.2s;

}



.profile-card:hover{

transform:scale(1.05);

}



.profile-card img{

width:120px;

height:120px;

border-radius:50%;

object-fit:cover;

border:5px solid #ff9f43;

}



.profile-card h3{

margin-top:15px;

}
.menu-card{

display:block;

background:white;

padding:30px;

margin:20px;

border-radius:25px;

text-align:center;

font-size:22px;

font-weight:bold;

text-decoration:none;

color:#333;

box-shadow:0 5px 15px rgba(0,0,0,.15);

transition:.2s;

}


.menu-card:hover{

transform:scale(1.05);

background:#fff3df;

}